fastchar-dom-plugin
v2.1.5
Published
Chrome插件,用于操作HTML的DOM
Downloads
6
Readme
FastCharDOM介绍文档
可以跨域操作内嵌的所有iFrame网页DOM结构,或者操作浏览器其他标签页的页面DOM结构!
使用说明
1、安装谷歌插件
FastChar-DOM-Plugin插件下载地址:
- 点击下载 fastchar-dom-plugin.zip
- 【推荐】使用
npm install fastchar-dom-plugin
下载到本地后 在node_modules
目录中找到谷歌插件目录:fastchar-dom-plugin/src_extension/chrome
Chrome加载本地插件的教程:
2、在项目中package.json配置
"dependencies": {
"fastchar-dom-plugin": "^2.1.4", //具体版本以npm库更新为准
}
3、使用时导入即可,例如:
import {FastPlugin} from "fastchar-dom-plugin";
//获取百度的所有div html内容
FastPlugin.Element.getHtmlFromUrl("www.baidu.com", "div", function (htmlResult) {
console.log("htmlResult", htmlResult);
});
//监听百度的所有http请求。http请求类型为:xhr
FastPlugin.Http.addResponseListener("https://www.baidu.com", function (callback) {
console.log("HTTP监听", callback);
});
静态HTML使用(默认认为已安装谷歌插件)
1、在页面中引用JS,例如:
<script src="../dist/fastchar-dom-plugin.js"></script>
2、开始使用
//获取百度的所有div html内容
FastPlugin.Element.getHtmlFromUrl("www.baidu.com", "div", function (htmlResult) {
console.log("htmlResult", htmlResult);
});
//监听百度的所有http请求。http请求类型为:xhr
FastPlugin.Http.addResponseListener("https://www.baidu.com", function (callback) {
console.log("HTTP监听", callback);
});
项目NPM地址
https://www.npmjs.com/package/fastchar-dom-plugin
安装或下载
npm i fastchar-dom-plugin
API在线文档
https://www.fastchar.com/doc-dom-plugin/modules/FastPlugin.html