如果你的項目需要同時在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小時內與您取得聯系。