WebView Js注入

注入前：

注入后：

主界面：

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:

<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文件

<!DOCTYPE html>
<html>
<body>
<h1>Js注入</h1>
<p id="demo" style="color:red;font-size:16px;">
这里将会改变。
</p>
</body>
</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"];即可。

WebView Js注入的更多相关文章

ios开发－－网页中调用JS与JS注入
先将网页弄到iOS项目中: 网页内容如下, 仅供测试: <html> <head> <meta xmlns="http://www.w3.org/1999/xh ...
【iOS】网页中调用JS与JS注入
非常多应用为了节约成本,做出同一时候在Android与iOS上都能使用的界面,这时就要使用WebView来做.Android和IOS上都有WebView,做起来非常省事.当然这时就要考虑怎样在Andr ...
WebView JS交互 JSBridge 案例原理 MD
Markdown版本笔记我的GitHub首页我的博客我的微信我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina ...
WebView JS交互 addJavascriptInterface MD
Markdown版本笔记我的GitHub首页我的博客我的微信我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina ...
WebView JS与RN进行通讯
RN0.37终于官方增加了WebView与React Native的通讯,之前一真使用的是第三方控件React-Native-WebView-Bridge,但不是知道怎么回事这个第三方控件喊了很长时间 ...
js注入，黑客之路必备！
最近刚出了新闻,阿里四名网络安全部门员工利用网页漏洞写js脚本抢月饼,于是兴致来了,想了解一下这个js脚本到底怎么写,各种刷单各种抢枪抢又是怎么实现的. 什么是javascript注入攻击? 1.每当 ...
PHP防止sql注入-JS注入
一:为了网站数据安全,所有和数据库操作的相关参数必须做相关过滤,防止注入引起的网站中毒和数据泄漏 1.PHP自带效验函数 mysql_real_escape_string() 函数转义 SQL 语句中 ...
我对于js注入的理解
资料:http://blog.csdn.net/gisredevelopment/article/details/41778671 js注入就是在前端利用使用js的地方在这其中注入你写的js代码使 ...
webview javascript 注入方法
Android中向webview注入js代码可以通过webview.loadUrl("javascript:xxx")来实现,然后就会执行javascript后面的代码. 但是当需 ...

随机推荐

洛谷 P2111 考场奇遇
P2111 考场奇遇题目背景本市的某神校里有一个学霸,他的名字叫小明(为了保护主人公的隐私,他的名字都用“小明”代替).在这次的期中考试中,小明同学走桃花运,在考场上认识了一位女生,她的名字叫小红 ...
POJ 3695
可以用容斥原理来求.求两个矩形的并的时候可以使用条件 x1=max(p.x1,q.x1);y1=max(p.y1,q.y1);x2=min(p.x2,q.x2);y2=min(p.y2,q.y2); ...
UESTC 1143 数据传输网络流最大流 Dinic
数据传输 Time Limit: 3000/1000MS (Java/Others) Memory Limit: 65535/65535KB (Java/Others) Submit Sta ...
NYOJ 915 +-字符串【贪心】
+-字符串时间限制:1000 ms | 内存限制:65535 KB 难度:1 描写叙述 Shiva得到了两个仅仅有加号和减号的字符串,字串长度同样.Shiva一次能够把一个加号和它相邻的减号交换 ...
@crossorigin注解跨域
在@controller中类的头部有一个@CrossOrigin注解. @CrossOrigin是用来处理跨域请求的注解先来说一下什么是跨域: (站在巨人的肩膀上) 跨域,指的是浏览器不能执行其他网 ...
Android中文API-ViewStub
ViewStub控件是一个不可见,0尺寸得惰性控件.当ViewStub控件设置可见,或者调用inflate(),并运行完毕之后,ViewStub所指定的layout资源就会被载入.这个ViewStub ...
inheritance in kentico
Visual inheritance http://devnet.kentico.com/docs/7_0/devguide/index.html?visual_inheritance.htm The ...
Java 以空格分割字符串
Java中使用类似于 str.split("/"); 的方法可以很方便的实现将一个字符串分割为数组, 但是如果分隔符是一个(或几个)空格呢?? 我们的本能反应或许应该是 str.s ...
[ Linux ] user, password, sudoers
- 1. Add Linux user, setup password http://linux.vbird.org/linux_basic/0410accountmanager.php - 2. ...
Xshell调整终端显示的最大行数(缓冲区)
1 选择会话,按顺序点击文件->属性 ,打开"会话属性"窗口如下在"会话属性"窗口中选择“终端” 修改缓冲区大小的值:其范围为0~2147483647 ...

WebView Js注入

WebView Js注入的更多相关文章

随机推荐

热门专题