如果你的项目需要同时在android与ios上上架,为了避免开发2套代码,我个人认为采用h5处理一些不影响性能的业务逻辑是个不错的选择(当然你也可以采用其他技术,比如reactNative或c等等)
比如我的app内部包含了部分h5写的帮助说明,我把h5的内容存放在项目对应的assets目录。
原本加载h5没有调用setWebViewClient方法,代码如下图:
这个时候发现一个问题,启动应用后加载h5正常,但是在点击页面跳转是会自动的打开了系统内置的浏览器,而且这时候系统内置的浏览器根本访问不了我们的apk内部的h5代码,解决这个问题需要为webview设置WebViewClient,并重写重写WebViewClient的shouldOverrideUrlLoading方法返回true,这样新的连接就会在当前WebView中打开。
修改后的代码其实就是添加对setWebViewClient调用,并重写shouldOverrideUrlLoading方法,注意要返回true,代码如下
者:日照工校/徐鹏
手机浏览器能用来干什么?看资讯、看图片、看小说、看视频等等。作为上网必备工具,手机浏览器对于网络体验的影响不可忽视。随着网络的快速发展,大家对于浏览器的要求也越来越高,比如支持HTML5页面版。由于手机浏览器的内核和性能存在差异,造成不同的HTML5页面浏览有不同的体验。
近日无意中看到一个款800手机浏览器,在体验过程中,发现不论是在游戏体验还是软件特效上,都完全体现HTML5效果,为了让大家有更直观的感受,就先试用了一番。
小知识:
HTML5名词解释:原生支持多媒体功能,不再依赖浏览器插件(例如 Adobe Flash player, Windows Media Player),便可实现跨平台在线影音播放。同时 HTML5 还可以让网页调用手机的应用数据从而实现很酷的功能。另外,HTML5 新增了离线存储,一次联网加载资源,长久离线访问。广义的 HTML5 技术还包括 CSS3,JavaScript 以及支持 SVG 等。
在试用过程中,首先引起笔者注意的,还是800手机浏览器的界面化,所谓细节决定产品的成败,先来看看它的到底是什么样子。
800手机浏览器启动后,从整体上看到的,就是集成了常用的搜索引擎和常用网站,而且还可以添加新的常用页面。
跑分测试
800手机浏览器主要是面向智能手机的安卓浏览器,全面支持 HTML5。但是如果要成为一款真正的支持HTML5的手机浏览器,仅有支持还是不够的,更多的需要完全与HTML5的融合,还是先看看它的跑分结果吧:
注:测试网站Html5test.com,它是一个非常具有权威性的测试HTML5性能的网站,无论是PC端还是手机端的浏览器,都能够快速检测出当前浏览器对HTML5页面各项元素对于HMTL5的支持情况。
在HTML5 测试中,800手机浏览器得分高达惊人466分,800手机浏览器的得分完全可以媲美PC端浏览器的表现,这也大大提升了它对HTML5特效效果以及游戏的支持。
跑分测试结果已经可以说明一个很重要的方面,当然除这些数据外,本身具有HTML5的特性也是非常重要的,800手机浏览器还给我们很多HTML5体验,展现了一种对于HMTL5的一种融合以及更深的理解。
视频播放
提起HTML5,很多人都会想到视频播放。因为它完全不需要任何的插件支持,只要是浏览器支持即可,目前主流的视频网站都早已经实现,他们完全支持HTML5的视频直接播放。目前虽然还支持Flash插件,但是它会大大的增加电量消耗和性能的损耗,同时Adobe公司也宣布会停止Flash在手机端的更新。
现在,来看看800手机浏览器对于视频的表现:
HTML5视频体验网站截图
逼真的灵动效果,完全没有卡顿的现象
800手机浏览器在播放过程中没有出现视频失真或者不流畅的情况。
CCS3特性
除此之外,800手机浏览器还展示了几种HTML5独有特性,比较代表性的有CSS特性等。
CCS3是CSS语言的新版,也是一个全新时代的技术,它可以给你的图片添加圆角,可以让你的图片具有阴影特效,还可以打造一个矢量图的效果。
游戏体验
800手机浏览器不仅仅带来了一些软件上的体验,还给我们的带来了很多游戏上的体验,来看看800手机浏览器的游戏效果如何吧。
这款游戏属于一个网络游戏,支持触摸反馈,在试玩过程中,游戏的流畅度和直接下载游戏没有太大的差别。
总结:
800手机浏览器在HMTL5上表现无懈可击,给我留下很深刻的印象。它不仅仅表现在跑分测试数据上,更多的是表现在对于HTML5的融合上,是一款真正的HTML5浏览器。
目前HTML5技术已渐渐成为主流,主流的浏览器都已支持HTML5。越来越多的应用使用了HTML5的元素,如canvas、video等,另外网页存储功能更增加了用户的网络体验,使得越来越多的开发者在使用这样的标准,所以我们也需要学习如何使用自动化技术来测试它们。
WebDriver支持在指定的浏览器上测试HTML5,另外,我们还可以使用JavaScript来测试这些功能,这样就可以在任何浏览器上测试HTML5了。
大多数浏览器使用控件(如Flash)来播放视频,但是,不同的浏览器需要使用不同的插件。HTML5定义了一个新的元素<video>,指定了一个标准的方式来嵌入电影片段,IE9+、Firefox、Opera、Chrome都支持该元素。
代码如下图:
JavaScript函数有个内置的对象叫做arguments。Arguments对象包含了函数调用的参数组,[0]表示取对象的第一个值。
currentSrc熟悉返回当前音频/视频的URL。如果未设置音频/视频,则返回空字符串。Load()、play()、pause()等控制着视频的加载、播放、暂停。
*请认真填写需求信息,我们会在24小时内与您取得联系。