整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          解決WebView在加載html5時,遇到跳轉打開系

          解決WebView在加載html5時,遇到跳轉打開系統瀏覽器

          用場景

          • 如果你的項目需要同時在android與ios上上架,為了避免開發2套代碼,我個人認為采用h5處理一些不影響性能的業務邏輯是個不錯的選擇(當然你也可以采用其他技術,比如reactNative或c等等)

          添加h5代碼到assets

          比如我的app內部包含了部分h5寫的幫助說明,我把h5的內容存放在項目對應的assets目錄。

          原本加載h5問題代碼

          原本加載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()等控制著視頻的加載、播放、暫停。


          主站蜘蛛池模板: 无码av不卡一区二区三区| 国产第一区二区三区在线观看 | 日韩一区二区三区四区不卡| 国产伦精品一区二区三区无广告| 亚洲国产国产综合一区首页| 99久久精品费精品国产一区二区 | 亚洲天堂一区在线| 日韩制服国产精品一区| 无码人妻精品一区二| 九九无码人妻一区二区三区| 亚洲一区二区观看播放| 精品一区二区三区无码免费视频 | 日韩一区二区三区在线| 久久久久99人妻一区二区三区| 综合无码一区二区三区| 熟女大屁股白浆一区二区| 国产一区二区三区樱花动漫| 精品福利视频一区二区三区 | 亚洲AV本道一区二区三区四区| 精品国产不卡一区二区三区| 成人无码一区二区三区| 无码av免费一区二区三区试看| 久久久久久人妻一区精品| 国产乱码精品一区二区三区中| 国产精品福利一区二区| 日本一区二区三区久久| 精品日韩在线视频一区二区三区| 亚洲日韩国产精品第一页一区| 久久免费精品一区二区| 亚洲狠狠狠一区二区三区| 成人区精品一区二区不卡亚洲| 亚洲av色香蕉一区二区三区| 一区二区三区在线观看免费 | 国产av一区二区精品久久凹凸| 色一情一乱一伦一区二区三区 | 久久久久久人妻一区精品| 国产无人区一区二区三区| 久久se精品一区二区| 日本无卡码免费一区二区三区| 国产精品免费大片一区二区| 无码国产精品一区二区免费3p|