iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 17
0
Mobile Development

Android 從零開始系列 第 17

[Day17] Android Webview - 幫網站建立 App

  • 分享至 

  • xImage
  •  

隨著智慧型手機普及,任何人都輕易的在隨時隨地都瀏覽網站。開發者通常會使用響應式設計,或建立一個 APP ,方便使用者在手機也能瀏覽。可是網站如果已經寫好,卻又沒時間轉換成 APP 的話,就可利用 Android Webview 寫一隻簡單的瀏覽器程式。

XML

開啟activity_main.xml,將原本的內容清除,只要放上 Webview物件就好,這麼一來APP打開就只能瀏覽網頁。

<WebView  xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/webview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"/>

JAVA程式

接著來到MainActivity,因為目的是只要顯示網頁,所以不需要做多餘的功能,之要針對Webview做編輯就可

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getSupportActionBar().hide();
        setContentView(R.layout.activity_main);

        WebView webview = (WebView) findViewById(R.id.webview);
        WebSettings webSettings = webview.getSettings();
        webSettings.setJavaScriptEnabled(true);
        setContentView(webview);
        webview.setWebViewClient(new WebViewClient());
        webview.loadUrl("https://ithelp.ithome.com.tw/");
     }
}

AndroidManifest.xml

頁面都設定完之後,開啟AndroidManifest.xml,添加
<uses-permission android:name="android.permission.INTERNET" />
給予網路權限,添加完成之後就可以開始進行APP的實測了。
https://ithelp.ithome.com.tw/upload/images/20200901/201294175fmMZ52PG4.png

成果

https://ithelp.ithome.com.tw/upload/images/20200902/20129417YCUl7BT90w.png

錯誤排除

在實作Webview實也從碰過幾個問題,現在寫出來給大家參考一下

NET:: ERR_NAME_NOT_RESOLVED

檢查網址是否有錯誤

NET:: ERR_ACCESS_DENIED

檢查是否有在AndroidManifest.xml中添加
<uses-permission android:name="android.permission.INTERNET" />
或是清除資料並重新安裝程式


上一篇
[Day16] Intent照相機
下一篇
[Day18] ViewPager-標籤滑動頁面
系列文
Android 從零開始30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
smilenccc
iT邦新手 5 級 ‧ 2021-07-06 10:04:38

很棒的範例,很簡單就做出Android的瀏覽器。加上IOT設備應用很廣。

我要留言

立即登入留言