android把js的注入和方法统一管理,Android、iOS的webview注入JavaScript代码修改网页内容...

Android、iOS的webview注入JavaScript代码修改网页内容

需要修改webview中的网页内容、网页元素动作

1.实现原理

webview导航栏方法中执行JavaScript代码

浏览器地址栏是支持运行JavaScript代码的

javascript:开头后跟要执行的语句

// 弹窗

javascript:alert('hello world!');

ps：不可以复制粘贴的方式来测试，这样是无效的，至少“javascript:”是手写补全才可以

那么webview是否也可以呢？

在webview中同样适用本方法

虽然webview没有可见的地址栏，但是webview提供操作导航导航栏的方法

2.常用JavaScript代码片段

// 通过class查找隐藏本element

javascript:(function() {

document.getElementsByClassName('your_class_name')[0].style.display='none';

})();

// 通过id查找因此本element

javascript:(function() {

document.getElementById('your_id').style.display='none';

})();

// 某个element点击事件 并且修改打开一个弹窗后的页面element

javascript:(function() {

// 首次页面加载必须有的element<