fastchar-dom-plugin

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