WebView Js注入-低调大师

WebView Js注入

2017-11-13 572

注入前：

注入后：

主界面：

[java]view plain copy
     
   
 
package com.example.webviewjsdemo;  
  
import android.os.Bundle;  
import android.app.Activity;  
import android.view.Menu;  
import android.webkit.WebChromeClient;  
import android.webkit.WebSettings;  
import android.webkit.WebView;  
import android.webkit.WebViewClient;  
import android.widget.Toast;  
  
public class MainActivity extends Activity {  
  
    private WebView wv;   
  
    @Override   
    protected void onCreate(Bundle savedInstanceState) {   
        super.onCreate(savedInstanceState);   
        setContentView(R.layout.activity_main);  
  
        wv = (WebView) findViewById(R.id.wv_main);  
  
        wv.setWebChromeClient(new WebChromeClient() {   
        });  
  
        wv.setWebViewClient(new WebViewClient() {   
            @Override   
            public void onPageFinished(final WebView view, String url) {   
                Toast.makeText(getApplicationContext(), "3秒后改变内容", 1).show();   
                new Thread(){   
                    public void run() {   
                        try {   
                            Thread.sleep(3000);   
                        } catch (InterruptedException e) {   
                            e.printStackTrace();  
                        }  
                        view.loadUrl("javascript:function myFunction(){x=document.getElementById(\"demo\");  x.innerHTML=\"改变了html内容!\";}");   
                        view.loadUrl("javascript:myFunction()");   
                    };  
                }.start();  
                super.onPageFinished(view, url);   
            }  
        });  
  
        WebSettings wvSettings = wv.getSettings();  
        wvSettings.setJavaScriptEnabled(true);   
  
        wv.loadUrl("file:///android_asset/demo.html");   
    }  
  
}  

主界面layout:

[java]view plain copy
     
   
 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"   
    xmlns:tools="http://schemas.android.com/tools"   
    android:layout_width="match_parent"   
    android:layout_height="match_parent"   
    tools:context=".MainActivity" >   
  
    <WebView  
        android:id="@+id/wv_main"   
        android:layout_width="match_parent"   
        android:layout_height="match_parent"   
        android:layout_centerHorizontal="true"   
        android:layout_centerVertical="true" />   
  
</RelativeLayout>  

assets目录下的demo.html文件

[java]view plain copy

1. <!DOCTYPE html>
2. <html>
3. <body>
4. <h1>Js注入</h1>
5. <p id="demo" style="color:red;font-size:16px;">
6. 这里将会改变。
7. </p>
8. </body>
9. </html>
  1. Android中向webview注入js代码可以通过webview.loadUrl("javascript:xxx")来实现，然后就会执行javascript后面的代码。
    
    但是当需要注入一整个js文件的时候，貌似就有点麻烦了。
    不过理清以下思路，方法其实也很简单，如下：
    我们通过在webview的onPageFinished方法中执行js代码注入：
    
    第一种：
    当webview加载完之后，读取整个js文件中的内容，然后将整个文件内容以字符串的形式，通过webview.loadUrl("javascript:fileContentString")注入
```
URL url = new URL("http://www.rayray.ray/ray.js");
in = url.openStream();
byte buff[] = new byte[1024];
ByteArrayOutputStream fromFile = new ByteArrayOutputStream();
FileOutputStream out = null;
do {
       int numread = in.read(buff);
       if (numread <= 0) {
         break;
         }
        fromFile.write(buff, 0, numread);
     } while (true);
String wholeJS = fromFile.toString();
```
```
@Override
public void onPageFinished(WebView view, String url) 
 {
        super.onPageFinished(view, url);
         webview.loadUrl("javascript:" + wholeJS);
 }
```
    第二种：
    页面加载完之后，直接向webview对应的html中加入<script>便签，并包含要注入的js的Url地址，如下：
```
String js = "var newscript = document.createElement(\"script\");";
js += "newscript.src=\"http://www.123.456/789.js\";";
js += "document.body.appendChild(newscript);";
```
```
@Override
 public void onPageFinished(WebView view, String url) 
  {
       super.onPageFinished(view, url);
        webview.loadUrl("javascript:" + js);
  }
```
    后记：上面两种方式中，第二种方法更加简单方便一点。不过第二种方法也有问题，当你注入完JS之后你想要立即调用其中的方法，第一种方法没问题可以调用到。但是第二种方法中，你要确保注入的<script>便签对应的js文件加载完才可调用成功。
    
    解决：在第二种方法中为加入script标签添加onload事件，确保该script已加载完成。代码可更改如下：
```
String js = "var newscript = document.createElement(\"script\");";
   js += "newscript.src=\"http://www.123.456/789.js\";";
   js += "newscript.onload=function(){xxx();};";  //xxx()代表js中某方法
   js += "document.body.appendChild(newscript);";
```
    IOS中也一样，按照同样的思路然后在-(void)webViewDidFinishLoad:(UIWebView *)webView 中使用[webView stringByEvaluatingJavaScriptFromString:@"xxx"];即可。

本文转自农夫山泉别墅博客园博客，原文链接：http://www.cnblogs.com/yaowen/p/5775429.html，如需转载请自行联系原作者

微信关注我们

原文链接：https://yq.aliyun.com/articles/384590

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

android 反编译和代码解读

二错误代码还原规则 if…else 语句: 反编译代码 if (paramBoolean) paramTextView.setTextColor(-16727809); while (true) { return; paramTextView.setTextColor(-1315861); } 还原后 if (paramBoolean) { paramTextView.setTextColor(-16727809); } else { paramTextView.setTextColor(-1315861); } 会把if ..esle 反编译成 if …while(true)结构. 反编译代码 if (paramInt1 != 1) break label185; if (this.countChild_1 == null) { this.countChild_1 = new PokerCountChild(this.mContext); this.countChild_1 = new PokerCountChild(this.mContext); this.count...

2017-11-14

618

正文一、结构 public classMenuInflater extendsObject java.lang.Object android.view.MenuInflater 直接子类 TabActivity 二、概述这个类是用来实例化菜单XML文件成菜单对象。由于性能的原因，由于程序创建时候就加载一些预处理XML文件，Menu过多就造成很重的负担。因此，这是目前无法在运行时使用多于一个XmlPullParser的xml文件去使用MenuInflater，它只能使用一个XmlPullParser返回的编译过的资源（R.某些文件）三、构造函数 public MenuInflater (Context context) 构造填充(inflater)一个菜单参见 getMenuInflater() 四、公共方法 public voidinflate(int menuRes, Menu menu) 菜单层次从一个指定的xml资源去填充，如果有错误会抛掷InflateException。参数 menuRes要加载XML布局文件中的资源ID（例如R.me...

2017-11-14

558

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。