AndoridWebView內(nèi)容自適應并改變圖片大小

關鍵部分：

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供龍游網(wǎng)站建設、龍游做網(wǎng)站、龍游網(wǎng)站設計、龍游網(wǎng)站制作等企業(yè)網(wǎng)站建設、網(wǎng)頁設計與制作、龍游企業(yè)網(wǎng)站模板建站服務，十多年龍游做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡服務。

<meta name="viewport" content="width=device-width, initial-scale=1">

webview.loadUrl("javascript:var imgs=document.getElementsByTagName('img');for(var i=0;i<imgs.length;i++){imgs[i].style.width='320px';};void(0);");

需要在加載的HTML中在<head></head>標簽中加入這句話，用于頁面適應手機屏幕;

loadUrl函數(shù)是通過模擬a標簽跳轉(zhuǎn)時的時候調(diào)用JS腳本，以完成注入的目的；

測試HTML內(nèi)容代碼：

<html>
    <head>
        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">
    </head>
    <body>
        <img src=\"/wyfs02/M02/45/DA/wKioL1PsdWqTvMWZAABqd73eyHI527_middle.jpg\"/>
        <img src=\"/wyfs02/M02/45/DA/wKioL1PsdWqTvMWZAABqd73eyHI527_middle.jpg\"/>
        <img src=\"/wyfs02/M02/45/DA/wKioL1PsdWqTvMWZAABqd73eyHI527_middle.jpg\"/>
        <img src=\"/wyfs02/M02/45/DA/wKioL1PsdWqTvMWZAABqd73eyHI527_middle.jpg\"/>
    </body>
</html>

Android Class WebView代碼：

String content = "<html><head><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"></head><body><img src=\"/wyfs02/M02/45/DA/wKioL1PsdWqTvMWZAABqd73eyHI527_middle.jpg\"/><img src=\"/wyfs02/M02/45/DA/wKioL1PsdWqTvMWZAABqd73eyHI527_middle.jpg\"/><img src=\"/wyfs02/M02/45/DA/wKioL1PsdWqTvMWZAABqd73eyHI527_middle.jpg\"/><img src=\"/wyfs02/M02/45/DA/wKioL1PsdWqTvMWZAABqd73eyHI527_middle.jpg\"/></body></html>";
webview = (WebView) findViewById(R.id.demoView);
webview.getSettings().setJavaScriptEnabled(true);
webview.loadDataWithBaseURL("https://s3.51cto.com", content, "text/html", "utf-8", null);
webview.setWebViewClient(new WebViewClient(){
    @Override
    public void onPageFinished(WebView view, String url)
    {
        super.onPageFinished(view, url);
        webview.loadUrl("javascript:var imgs=document.getElementsByTagName('img');for(var i=0;i<imgs.length;i++){imgs[i].style.width='320px';};void(0);");
    }
});

Android Activity 代碼：

<android.webkit.WebView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/demoView"
    ></android.webkit.WebView>

Android AndroidManifest.xml 寫入相關權限

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.demo" >

    <uses-permission android:name="android.permission.INTERNET"/>
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    
    .....
</manifest>

注意事項：

1、權限不能忘記了，要不然訪問請求不到頁面；

2、網(wǎng)頁描述那一段最好加上“<meat name=....”這段；

webview.loadUrl("javascript:var imgs=document.getElementsByTagName('img');for(var i=0;i<imgs.length;i++){imgs[i].style.width='320px';};void(0);");

JS腳本注入后面加上 void(0)，因為頁面會跳轉(zhuǎn)所以根據(jù)以前的前端經(jīng)驗我加上了這一句，至于為什么模擬A標簽的時候?qū)懥薺avascript:xxxx，頁面還是會跳轉(zhuǎn)請路過高手們能告訴我感激不盡

當前題目：AndoridWebView內(nèi)容自適應并改變圖片大小
分享鏈接：http://bm7419.com/article4/gipjoe.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供自適應網(wǎng)站、電子商務、靜態(tài)網(wǎng)站、網(wǎng)站排名、標簽優(yōu)化、網(wǎng)站收錄

廣告

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

小程序開發(fā)