Android開發(fā)之WebView（一）配置&小技巧

背景：原生時間緊沒時間開發(fā)任務(wù)量大的任務(wù)，而前端又閑著打醬油

創(chuàng)新互聯(lián)主要從事網(wǎng)站制作、成都網(wǎng)站設(shè)計、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)淮安,10余年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):028-86922220

方案：原生+webview混合開發(fā)

缺點：對于比較復(fù)雜的頁面，webview在性能上力不從心；且與原生通信頻繁也增加了隱藏的工作量

優(yōu)點：能自帶支持動態(tài)更新（js），能充分利用人力

webview是一個基于webkit引擎，展示web頁面的控件。Android上的webview在低版本和高版本采用了不同的webkit版本內(nèi)核，Android4.4（19）后直接使用了Chrome內(nèi)核；WebView控件功能強大，除了具有一般View的屬性和設(shè)置外，還可以對url請求，頁面加載，渲染，頁面交互進行強大的處理。一般來說webview可單獨使用，也可聯(lián)合其工具類一起使用

移動應(yīng)用的主體是webview，主要以網(wǎng)頁語言編寫，穿插Native功能的Hybrid App開發(fā)類型。激活webview為活躍狀態(tài)，能正常執(zhí)行網(wǎng)頁的響應(yīng)；當(dāng)webview 的頁面被失去焦點切換到后臺不可見狀態(tài)onPause時，需要通知自己暫停所有的動作，比如DOM的解析，plugin的執(zhí)行，JavaScript的執(zhí)行等

1，顯示和渲染web頁面

2，直接使用本地assets或者網(wǎng)絡(luò)上的html文件作為布局

3，可和JavaScript進行互相調(diào)用

1，直接在布局文件里寫死

2，動態(tài)添加進viewgroup中

注：不管以哪種方式，都必須注意webview的銷毀，否則可能會造成內(nèi)存泄漏最終導(dǎo)致內(nèi)存溢出crash

下面是WebView的一些常用的方法列舉，一些已經(jīng)過時的方法未列出

下面是WebSettings的一些常用的方法列舉，一些已經(jīng)過時的方法就沒有寫出來了

一般不管是動態(tài)生成還是xml寫死，只要處理好了引用持有問題，就能有效的避免內(nèi)存泄漏；下面是我嘗試的方案，在工具類WebViewUtils.java里封裝好，在activity銷毀的時候調(diào)用

1，清除webview緩存和記錄

2，可以設(shè)置不啟用緩存

3，H5的一些控件標(biāo)簽不支持導(dǎo)致的白屏

4，xml啟用軟件加速

5，通過menifest的來配置，在目標(biāo)webview的activity設(shè)置

解決方案：

解決方案：

解決方案：

上一篇： Flutter入門-01-工程創(chuàng)建目錄介紹

Flutter iOS端 白屏的解決方案

之前試過 flutter doctor , 看看有哪些配置上的原因, 發(fā)現(xiàn)沒有任何問題, 很完美

然后又試了 flutter clean , 發(fā)現(xiàn)還是不奏效.

于是在網(wǎng)上用 flutter白屏 作為關(guān)鍵字查詢, 發(fā)現(xiàn)很多文章都沒什么用, 但是還是被我找到了解決方案:

先在安卓Studio中調(diào)出終端, 然后輸入命令:

flutter run --enable-software-rendering

此時, 再點擊 Run , 在iOS端就不會白屏了!

web前端學(xué)會什么內(nèi)容可以找到工作？

對于一些初出校門或者是零基礎(chǔ)轉(zhuǎn)行人員來說，Web開發(fā)崗位在未來職位晉升、薪資待遇上都是前景可觀的，想要成為一名合格的Web開發(fā)工程師就需要掌握崗位所需要的開發(fā)技能，下面和小編一起看一下都有哪些內(nèi)容吧。

一、HTML5+CSS3

HTML5和CSS3是通往Web工程師路上必須學(xué)會的基本內(nèi)容，主要包括了解常用瀏覽器和瀏覽器內(nèi)核;了解語義化的概念;掌握HTML5語法及使用技巧;掌握HTML5常用標(biāo)簽。掌握CSS語法及使用技巧;掌握DIV+CSS布局方式;掌握常見網(wǎng)頁布局模式。掌握HTML5新布局標(biāo)簽、多媒體標(biāo)簽;掌握CSS32D、3D變換、動畫效果;能夠使用CSS3新屬性美化修飾網(wǎng)頁;了解移動端屏幕、移動端瀏覽器、操作系統(tǒng)的不同等內(nèi)容。

二、JS交互設(shè)計

JS交互技術(shù)可以賦予頁面一個動態(tài)的效果展示，提升用戶的瀏覽體驗，這部分主要是通過JS的學(xué)習(xí)掌握J(rèn)avaScript基本語法;掌握常見JavaScript算法;掌握DOM的各種操作;熟練使用面向?qū)ο笏枷脒M行DOM編程;掌握J(rèn)avaScript的高級語法;掌握J(rèn)avaScript常見兼容性方案。熟練使用jQuery操作DOM;熟練使用和編寫jQuery案例。

三、Node開發(fā)

Node.js不僅僅是一個框架，它是一個完整的JavaScript環(huán)境，配備了開發(fā)人員可能需要的開發(fā)工具。所以學(xué)好Node是在打通前后端開發(fā)中需要掌握的技術(shù)。這部分需要掌握ES6的基礎(chǔ)用法和兼容性;掌握ES6的核心語法;使用ES6實現(xiàn)前端模塊化開發(fā)。使用Webpack模塊打包器;使用Node.js進行Web服務(wù)端開發(fā);掌握J(rèn)avaScript異步編程模型;掌握J(rèn)avaScript模塊化編程方式;使用Node.js操作MongoDB數(shù)據(jù)庫;獨立開發(fā)基于后臺接口的動態(tài)網(wǎng)站、Ajax數(shù)據(jù)交互的項目;獨立完成企業(yè)網(wǎng)站從前臺到后臺的基本開發(fā)工作。

四、前端框架

前端框架是Web開發(fā)人員需要熟練掌握的技能，并且在實際開發(fā)中是會被廣泛應(yīng)用的，那么對于前端框架方面需要掌握現(xiàn)在主流的Vue、React、Angular等，掌握D3.js進行大數(shù)據(jù)可視化交互開發(fā);掌握Vue技術(shù)棧進行項目開發(fā);掌握React技術(shù)棧進行項目開發(fā);掌握使用主流框架開發(fā)門戶網(wǎng)站、管理系統(tǒng)、移動Web等客戶端;掌握Webpack項目構(gòu)建配置流程;掌握Web項目的部署與發(fā)布模式;掌握常見網(wǎng)站業(yè)務(wù)模塊開發(fā)等。

五、小程序與APP開發(fā)

現(xiàn)在移動應(yīng)用越來越受歡迎，掌握了小程序和APP開發(fā)技術(shù)可以增強自身競爭力，這就需要掌握小程序的開發(fā)基礎(chǔ);能夠獨立開發(fā)小程序項目;能夠掌握Canvas的使用;能夠掌握小程序的部署與發(fā)布;能夠掌握小程序開發(fā)框架mpvue的使用;掌握第三方AI平臺的使用。能夠掌握小游戲開發(fā)基礎(chǔ);能夠獨立開發(fā)小游戲項目;能夠掌握小游戲的部署與發(fā)布;能夠獨立使用ReactNative開發(fā)原生App。

flutter_webview_plugin 與dart頁面跳轉(zhuǎn)使用

使用flutter_webview_plugin 加載一個H5頁面，是從dart頁面中跳轉(zhuǎn)h5頁面，h5頁面中可返回dart頁面，也可跳轉(zhuǎn)到其他dart頁面。

經(jīng)測試，在Android上可正常使用，但在ios上關(guān)閉web頁面時顯示白屏，web頁面并沒有close，還沒找到原因。。。

本文標(biāo)題：flutter白屏,flutter停止維護
標(biāo)題路徑：http://www.chinadenli.net/article38/dsdicpp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、定制開發(fā)、網(wǎng)站營銷、網(wǎng)站維護、軟件開發(fā)、App開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)