fastchar-dom-plugin/README.md

Chrome插件，用于操作HTML的DOM

# FastCharDOM介绍文档
### 可以跨域操作内嵌的所有iFrame网页DOM结构，或者操作浏览器其他标签页的页面DOM结构！

---

>  **使用说明**

### 1、安装谷歌插件

* #### FastChar-DOM-Plugin插件下载地址：
  * 点击下载 [fastchar-dom-plugin.zip](https://www.fastchar.com/fastchar-dom-plugin.zip)
  * 【推荐】使用 ``` npm install fastchar-dom-plugin ``` 下载到本地后 在`node_modules`目录中找到谷歌插件目录：`fastchar-dom-plugin/src_extension/chrome` 

* #### Chrome加载本地插件的教程：
  * [点击查看教程](https://jingyan.baidu.com/article/a3761b2b95cb015477f9aa28.html)


### 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](https://www.npmjs.com/package/fastchar-dom-plugin)

### 安装或下载
```
npm i fastchar-dom-plugin
```


### API在线文档

[https://www.fastchar.com/doc-dom-plugin/modules/FastPlugin.html](https://www.fastchar.com/doc-dom-plugin/modules/FastPlugin.html)