输入关键字或相关内容进行搜索
mui适用场景说明\n为解决HTML5在低端Android机上的性能缺陷，mui引入了原生加速，其中最关键的就是webview控件，因此mui若要发挥其全部能力，需和配合适用，若脱离5+ App，mui功能会受限，主要涉及三个部分：webview窗口相关\n涉及webview的，除了5+App，其它所有手机浏览器及PC浏览器均无法使用，涉及功能点包括：
webview模式窗体动画
创建子窗口（除了为解决区域滚动的常见双webview场景，还涉及webview模式的选项卡等多webview场景）
webview模式的侧滑菜单（也有div方式侧滑菜单）
webview模式的tab选项卡（也有div方式选项卡）
nativeUI，如原生的警告框、确认框、popover、actionsheet、toast。这些也有HTML5的实现。
自定义事件
\n第三方扩展插件\n涉及webview的，除了5+App，其它所有手机浏览器及PC浏览器均无法使用，目前主要包括：语音输入；Touch事件相关（注意pc浏览器没有touch事件）\nTouch事件相关的，手机端浏览器均可使用、pc端chrome模拟手机浏览器也可以正常使用。
但普通PC端浏览器因为没有touch事件，可以显示控件但滑动操作功能会受限；涉及功能点包括：
mui封装的tap相关处理业务：折叠面板、二级列表、二级选项卡；
mui封装的swipe、drag相关处理业务：图片轮播、可左右滑动的图文表格、可左右滑动的9宫格、滑动触发列表项菜单、可拖动式侧滑菜单、下拉刷新和上拉加载、可拖动式选项卡
【备注】：在PC端，大家将tap替换成click，将HTML5默认的Drag事件替换mui
的swipe和drag，就可以解决如上两个问题。
\n除上述列出的功能点，其它mui功能，均可以在其它手机浏览器及PC服务端使用，所有CSS均不受影响。很多开发者使用mui开发了web app，这里有一些案例：
若通过PC端chrome模拟手机浏览器访问hello mui，只能看到首页标题栏，看不到列表，因为列表是作为子webview页面加载到首页的，如无法显示。
从七月中旬开始做混合app，到8月中下旬app上线。已经完成了一个简单的app并且在腾讯和苹果appstore上线了，这期间遇到过无数的坑，主要是熟悉和使用mui框架，h5+，以及调用原生api等，入坑已深，现在正准备开发一款旅游类的混合app，原型图已经出。现在准备开工了。同时，希望有一起做混合app的，有兴趣加qq群一起讨论交流学习，爬坑，共同进步。
请问有遇到过这样的情况吗，在mui webapp里面使用谷歌地图，谷歌登录等一类服务，真机运行时候会不显示，在浏览器里可以显示
从七月中旬开始做混合app，到现在半个月过去了，一个简单的app已见雏形，期间也遇到过无数的坑，主要是熟悉和使用mui框架，h5+，以及调用原生api等，入坑已深，欢迎有兴趣加qq一起讨论交流学习，爬坑。
好强大的功能，好高兴
我做微信 换了框架 用了微信的UI
mui组件用于移动端浏览器开发,需要引入其他的类似于zepto.js这样的插件嚒,还是直接用原生JS写?
你知道答案了吗？？我也想知道
大家好 , 请问下 我开发微信内嵌的网页时 , 使用mui中mui.openWindow无法转至新界面 , 并且plus也不支持 , 请问大家是怎么解决的？
嗨 , 你好 , 请问你是用MUI开发的微信内嵌网站吗？ 因为我使用openWindow 打开新界面无效 , 想问下你怎么解决的 , 感谢。
app是个什么玩意，是要引入一个js文件吗？
搜噶。谢谢啦！
涉及webview的，除了5+App，其它所有手机浏览器及PC浏览器均无法使用，虽然可以变相的解决，或者降级使用 wap端 或者微信的开发 肯定会遇到众多问题 目前是适合做
混合app的开发，个人见解
看了这么多，我还是没明白，mui到底适合开发wap端网站么，就是可以微信进入该网站，也可以浏览器打开的，效果怎么样啊？
文档有说明，也可以看参看hello mui来写
感觉这个对原生app开发者并不友好呢，除了一个mui.js以及mui.min.js，完全找不到开发入口，下一步新建页面是怎么写，没有UI编辑界面吗？ 老板要求了才关注h5开发，新手
喜欢Mui简约的UI,用来开发微信web页也不错的
vconsole.js
可以直接在手机是上输出console.log()的内容，我感觉还挺好用
用微信的调试开发工具
同问：请教下，用mui能开发微信应用么？
同意，微信内置的浏览器功能还是很弱的。怎样能将h5+runtime能引入，就爽了。
hbuilder 怎么弄电子围栏，我思路是通过绘制一个圆在地图上，然后判断点是否在圆内部，然后通过http://api./library/GeoUtils/1.2/docs/symbols/BMapLib.GeoUtils.html 提供的方法处理。现在circle=new plus.maps.Circle();
circle.setCenter(point);
circle.setRadius(999999);
circle.setStrokeColor(&#ff0000&);
circle.setStrokeOpacity(1);
circle.setFillColor(&#ff0000&);
circle.setFillOpacity(1);
circle.setLineWidth(10);
以上代码运行后没有看到地图上的圆？ 还有BMapLib.GeoUtils.html 里面的js 引入后 提示js错误？？？
您好，这样的app可以通过苹果的审核吗？
我也有这样的需求，希望能通过mui开发微信内嵌页面
您好，你是怎么做的，有具体的例子吗？
说一下遇到的最大几个坑：
1、Hbuilder启动实在太慢，而且经常启动失败；
Hbuilder启动界面是上一次关闭的界面截图，给人一种启动起来的错觉，用双屏的很容易能发现；
2、5+ Runtime并不开源（官方微博除了置顶，至今还是保留的说5+ runtime开源的文章），遇到问题两眼一抹黑，连原因都很难找；
3、进入app后内存占用持续上升，页面关闭后内存占用不会下降，低端机打开页面过多或者开了页面层次深了之后很容易白屏；
4、android 4.4以前版本内置的chrome浏览器，4.4及之后是chromium浏览器，在4.4以下版本存在兼容性问题。
问下，我用Hbuilder新建一个MUI项目，除了一个mui.js以及mui.min.js，完全找不到开发入口，下一步新建页面是怎么写，没有UI编辑界面吗？ 我是原生app开发者，最近才关注h5开发，新手，期待解答
请问，现在mui开发需要PC、手机全兼容，现在这个问题解决了么？
PC浏览器 得使用 mui,min.js 2.4版本，像官方：http://dcloud.io/hellomui 效果。
微信对Html5支持的很好了，应该支持微信开发把。
mui最新版已经支持在普通webkit浏览器自动把subpage改为iframe。
这个问题我的解决方案是自己封装一套接口，判断 mui.os.plus，走两个分支。目前实现了与mui类似的窗口管理，用 iframe 实现的。
mui做得还是不错的，大家一起支持它吧！
新手不是很理解。。求详解。。
可以的，你可以访问：http://www.dcloud.io/demo 查看更多demo
国外有个插件叫做pusher，它封装了websocket。你可以了解一下。《构建实时web应用》这本书有讲
www.dcloud.io/case/tiaoshi/
这个不能访问了？？？
我想把mui直接发布到服务器，然后通过我自己的app去调用，但是失败了，难道非要通过hbuilder打包的app才能成功调用mui吗？是不是这样打包的app里的webview是经过改造的？
有些细节还要补补。例如，下拉刷新上拉加载更多是不是只有双webview的方案啊？
同问，现阶段如何让MUI支持微信内嵌的网页？MUI很棒呀
MUI不支持微信开发吗？
目前在webapp的跳转还是个问题
现在微信开发很火，appcan也做了相关的工作了。我觉得h5+还是比appcan强很多的，希望官方快点出一个微信js兼容包，造福广大开发者。
websocket 这个以后可以有
我也是遇到了这个问题，请问你的问题解决了吗
我也是遇到了这个问题，请问你的问题解决了吗
你好，请问具体应该怎么实现，不了解
用HTML5开发，本是希望能做到一次编写 ，兼容所有场景，由于实际中有开发经常有微信号的需求，希望有兼容微信号的方案，可否告知如何写该JS插件
手机浏览器不支持这些很爽的效果，真是无奈啊
请问怎样覆盖，我觉得MUI是个非常不错的前端框架，开发微信内网页应用很不错
请问，可以用MUI开发微信内嵌的网站吗？
目前确实有这个问题，你是希望使用mui开发pc端网页吗？还是要pc、手机全兼容？现阶段解决方案只能是，单独写一个js插件，覆盖掉mui中对应函数；
非常感谢 不过有些class定义好之后就被tap识别了，在浏览器中就无法调试了，这可怎么办啊？
tap是根据业务编写的点击事件，换成click即可，例如：element.addEventListener(&click&,click_handler);
&【备注】：在PC端，大家将tap替换成click，将HTML5默认的Drag事件替换mui 的swipe和drag，就可以解决如上两个问题。& 弱弱问一句，怎样在console下面吧tap替换成click？或在文件中哪里修改可以做到？
请教下，用mui能开发微信应用么？
涉及webview的，除了5+App，其它所有手机浏览器及PC浏览器均无法使用
如果开发微信内嵌的网站也是有功能缺陷的咯？ 希望都能支持呀，或者有什么变相的方法来解决这个问题。
使用chrome模拟手机浏览器，标准JS可直接断点调试；css部分参考：http://ask./article/87
请问MUI开发手机网页，怎么调试比较方便
请问MUI用什么工具进行调试?
请问，MUI的性能好在于运用了原生的webview控件，只能打包成APP后，在手机上打开才能调用webview控件，页面才能显示正常，是这个意思吗？也就是说直接用电脑或手机浏览器打开MUI，是无法调用webview控件，也就无法正常显示，那么MUI也就不适合做WebApp？目前用电脑打开MUI是异常的。
websocket是标准浏览器支持（低端android版本可能存在兼容性，需要真实测试），mui对此未作封装；
请问能否支持websocket?
通过5+ App，把你的网站套个壳，然后通过监听webview的加载事件，就可以实现wap跳转无白屏。
什么时候支持WAP站，浏览器打开无白屏效果？
要回复文章请先或android 中 webview 怎么用 localStorage
投稿：hebedich
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了android 中 webview 怎么用 localStorage方法的相关资料,需要的朋友可以参考下
我在 android里面 使用html5的 localStorage
为什么存不进去也读不出来呀?
网上搜了好多都没效果
mainWebView = (WebView)this.findViewById(R.id.mainWebView);
WebSettings settings = mainWebView.getSettings();
settings.setJavaScriptEnabled(true);
settings.setAllowFileAccess(true);
settings.setDatabaseEnabled(true);
String dir = this.getApplicationContext().getDir("database", Context.MODE_PRIVATE).getPath();
settings.setDatabasePath(dir);
settings.setDomStorageEnabled(true);
settings.setGeolocationEnabled(true);
解决方案：
mWebView.getSettings().setDomStorageEnabled(true);
mWebView.getSettings().setAppCacheMaxSize();
String appCachePath = getApplicationContext().getCacheDir().getAbsolutePath();
mWebView.getSettings().setAppCachePath(appCachePath);
mWebView.getSettings().setAllowFileAccess(true);
mWebView.getSettings().setAppCacheEnabled(true);
这个测试了是可以的
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具WebView的缓存可以分为页面缓存和数据缓存。页面缓存是指加载一个网页时的html、JS、CSS等页面或者资源数据。这些缓存资源是由于浏览器的行为而产生，开发者只能通过配置HTTP响应头影响浏览器的行为才能间接地影响到这些缓存数据。他们的索引存放在/data/data/package_name/databases下。他们的文件存放在/data/data/package_name/cache/xxxwebviewcachexxx下。文件夹的名字在2.x和4.x上有所不同，但都文件夹名字中都包含webviewcache。数据缓存分为两种：AppCache和DOM Storage（Web Storage）。他们是因为页面开发者的直接行为而产生。所有的缓存数据都由开发者直接完全地掌控。AppCache使我们能够有选择的缓冲web浏览器中所有的东西，从页面、图片到脚本、css等等。尤其在涉及到应用于网站的多个页面上的CSS和JavaScript文件的时候非常有用。其大小目前通常是5M。在Android上需要手动开启（setAppCacheEnabled），并设置路径（setAppCachePath）和容量（setAppCacheMaxSize）Android中Webkit使用一个db文件来保存AppCache数据（my_path/ApplicationCache.db）更详细的资料可以参考这里：http://www.itboat.net/thread-.html如果需要存储一些简单的用key/value对即可解决的数据，DOM Storage是非常完美的方案。根据作用范围的不同，有Session Storage和Local Storage两种，分别用于会话级别的存储（页面关闭即消失）和本地化存储（除非主动删除，否则数据永远不会过期）。在Android中可以手动开启DOM Storage（setDomStorageEnabled），设置存储路径（setDatabasePath）Android中Webkit会为DOM Storage产生两个文件（my_path/localstorage/http_h5._0.localstorage和my_path/localstorage/Databases.db）。另外，在Android中清除缓存时，如果需要清除Local Storage的话，仅仅删除Local Storage的本地存储文件是不够的，内存里面有缓存数据。如果再次进入页面，Local Storage中的缓存数据同样存在。需要杀死程序运行的当前进程再重新启动才可以。
本文已收录于以下专栏：
相关文章推荐
随着使用h5和其他前端技术开发的webapp 应用越来越多，使用原生开发的app 有时候需要嵌入一些新的网页，众所周知webview控件中可以加载网页。下面就一些使用方法进行简单的小结，其实使用技巧还...
Webview 加载一些链接出现白板现象，经过调试onLoadResource 已经正常执行，也就是资源文件都已经成功加载，onReceivedSslError也没有回调到，用自带浏览器和UC都是正常...
转自：http://blog.csdn.net/t12x3456/article/details/
如有转载，请声明出处: 时之沙: http://blog.csdn...
转载请注明出处
        挺帅的移动开发专栏  http://blog.csdn.net/wangtingshuai/article/details/8631835
       在an...
由于H5具备 开发周期短、灵活性好 的特点，所以现在 Android App大多嵌入了 Android Webview 组件进行 Hybrid 开发
但我知道你一定在烦恼 Android Web...
1.WebView的介绍
    webview是Android中直接加载html页面的控件，它为webApp带来了新生命。那么，他的出现也伴随着很多问题的产生；今天就webview的加载及缓存方面的...
Android WebView缓存机制
当我们加载Html时候，会在我们data/应用package下生成database与cache两个文件夹:
我们请求的Url记录是保存在webviewCache...
Platform Version
VERSION_CODE
Android 4.4
Platfor...
Android WebView常见问题及使用注意事项汇总
就目前而言，如何应对版本的频繁更新呢，又如何灵活多变地展示我们的界面呢,这又涉及到了web app与native app之间孰优孰劣的争论. ...
他的最新文章
讲师：王哲涵
讲师：韦玮
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)google 出的 Chrome DevTools 支持了对 Android WebView 的远程调试，详细信息见下方链接：
要求是在 Android 4.4上，并且其中需要在应用代码中增加一下代码段开启该功能 ：
if(Build.VERSION.SDK_INT &= Build.VERSION_CODES.KITKAT) {
WebView.setWebContentsDebuggingEnabled(true);
今天主要要提供一个反射代码的方式来设定这段代码，目的是为了省去把工程改为兼容用 Android SDK 4.4 编译的工作。也就是说在任何一个 Web 应用中都可以通过添加这段代码，来在Android 4.4 + Chrome DevTools 的方式来调试 web 界面：
Class&?& testClass = Class.forName(&android.webkit.WebView&);
Method method = testClass.getMethod(&setWebContentsDebuggingEnabled&, new Class[] {
boolean.class});
method.invoke(null, new Object[] {true});
} catch (Exception e) {
e.printStackTrace();
本文已收录于以下专栏：
相关文章推荐
至android4.4 发布以来，各个收藏、
在智能手机还未普及时，移动设备的调试处处是alert的，这估计是最常用的办法了。以前很多时候为了预览页面在移动设备上的效果，需要先将页面上传到测试服务器，再将url输入到设备浏览器，或者使用第三方二维...
转载地址：http://blog.csdn.net/freshlover/article/details/
在智能手机还未普及时，移动设备的调试处处是alert的，这估计...
Android 4.4 (KitKat) 开始，使用 Chrome 开发者工具可以帮助我们在原生 Android 应用中远程调试 WebView 网页内容。一起来看看怎么操作吧。
第一步，设置 We...
本文标签： Chrome扩展
Chrome浏览器
Chrome插件
Extentions
原文地址：/?post=445
最近接到了一个完全用HTML5开发的项目，由于这个APP运行的时候需要调用Android原生代码，所以HTML5页面不能单独拿出来在Chrome中调试，所以只能用Chrome直接连接手机进行调试，下面...
前言Android开发时不时需要与H5交互这个时候如果没有能调试的工具效率简直是极低，我们项目就有一个活动页面需要与H5交互，当时还不知道有这么一个调试工具的时候只能用alert()(关键是这个问题他...
当我们将 Web App 部署在 Azure 上时，如果能够实现远程调试，将会极大的提高我们修复 bug 的效率。Visual Studio 一贯以功能强大、易用著称，当然可以实现基于 Azure 应...
移动端采用原生开发还是H5开发一直接争论不休。但不论怎么说，采用H5开发app不仅仅快速高效，而且布局简单、漂亮，目前许多的框架已经可以做到让人看不出是原生还是H5开发了。
采用H5开发有一个好处就是...
转载自： /leinov/p/4094138.html
通常情况我们调试移动端页面最常用的方法就是：切换pc端浏览器的userAgen...
他的最新文章
讲师：王哲涵
讲师：韦玮
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)