WebView 在 APP 中的使用
為什么80%的碼農(nóng)都做不了架構師?>>> ??
微信的內嵌瀏覽器使用的是 WebView,當查看分享時打開的頁面就是使用 WebView 呈現(xiàn)的。手機淘寶客戶端也在頁面中使用了 WebView。淘寶頁面這種經(jīng)常變化很大,對動畫和流程性沒要求的話,會優(yōu)先使用 WebView。所以 App 的原則是經(jīng)常變用 WebView,不經(jīng)常變就 Native。
可以通過下列方式判斷 APP 使用的哪種技術。打開開發(fā)者模式———顯示布局邊界。若是整塊區(qū)域有邊界,則是 WebView。如果每個元素都有邊界,則不是。
WebView 中請求頁面
在微信朋友圈中查看分享時,會調到這樣一個頁面。其實就是在這個框架中去請求數(shù)據(jù)。
下面模擬這種方案。
package timenull.friendcircle;import android.os.Bundle; import android.app.Activity; import android.view.KeyEvent; import android.webkit.WebView;public class MainActivity extends Activity {private WebView webview;@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);webview = new WebView(this);webview.getSettings().setJavaScriptEnabled(true);webview.loadUrl("http://fuzhii.com");//設置Web視圖setContentView(webview);}@Override//設置回退//覆蓋Activity類的onKeyDown(int keyCoder,KeyEvent event)方法public boolean onKeyDown(int keyCode, KeyEvent event) {if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {webview.goBack();return true;}return false;} }分為下面幾步
1.在 Activity 中實例化 WebView 組件
webview = new WebView(this);
2.調用 WebView 的 loadUrl() 方法,設置 WebView 要顯示的網(wǎng)頁。
webview.loadUrl("http://fuzhii.com");
3.調用 Activity 的 setContentView() 方法顯示網(wǎng)頁視圖
4.另外需要在 AndroidManifest.xml 文件中添加訪問網(wǎng)絡的權限
<uses-permission android:name="android.permission.INTERNET"/>
最后效果如下
WebView 優(yōu)點
- 和前端 JS 無縫結合
- 變更上線快,運營方便
參考
https://www.zhihu.com/question/35683612/answer/64628667
轉載于:https://my.oschina.net/lvyi/blog/624992
總結
以上是生活随笔為你收集整理的WebView 在 APP 中的使用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: IDEA_Debug_checks re
- 下一篇: iOS 苹果app提交 ITC.apps