开发利器（补充中）

Charles

进到cmd命令 输入ipconfig 查看自己的电脑ipv4地址（所连网络的ip，而非其他网络的ip），将手机和电脑连接同一wifi网络，将手机wifi进行设置如图

端口8888（这个是charles的默认设置），如果自己修改了就写成自己所修改的端口就可以了

在charles界面的proxy 将windows proxy取消勾选，

电脑要打开抓包工具，并且设置完弹出如下，手机才能访问网络，否则手机访问不了页面

===========
上述步骤，只针对http请求。由于https协议的特殊性，所以要求电脑端和手机端都需要安装下证书，否则会看到返回的数据都是乱码

a.电脑证书下载

b. 手机端证书下载
在设备上打开这个网址 http://www.charlesproxy.com/g... 安装 Charles SSL 证书。

注意，同一个手机对应不同电脑上的Charles都要分别下载证书进行认证，因为手机的证书是和电脑端的Charles一一配对的。

PS：ios手机，需要信任该证书

fiddler

1，同样需要手机和电脑连同一wifi
手机wifi设置ip 端口。
2，fiddler界面tools->options->https勾选decrypt，电脑下载证书
手机访问 wifi所设置的电脑ip加端口如192.168.xxx:8888
打开如下

点击fiddlerroot certificate
下载完成后安装，如提示无法安装，小米手机，在设置里的更多设置的系统安全下选择从存储设备安装。

3，电脑fiddler允许手机访问

电脑本地开启的页面在手机访问

例如，通过webpack的npm run dev 开启本地调试(本地启动的没有用localhost,而是用了域名A，并且配了switchhost)，需要在手机真机预览效果，则先进行Charles或fiddler的前期操作，然后在把电脑本地启动的网址(在手机使用该域名A访问可以，使用localhost、127.0.0.1不行（但是在电脑都可以）) 在手机打开，原理：应该是抓包工具帮助做了通气

vscode安装Live Server，然后打开一个有目录的文件，会看到右下的

点击启动，然后打开抓包工具前期，用电脑ip地址替换127.0.0.1。http://192.168.190.113:5500/html/index.html

翻墙工具

shadowsockets
windows: Shadowsocks.exe
mac: ShadowsocksX-2.6.3.dmg

window版运行时可能需要.net升级, 按提示升级即可
需要有代理服务器的ip和端口

手机页面在电脑调试

手机和电脑都安装chrome的较新版本，手机数据线连接电脑，
打开开发者选项，如有迟钝，小米手机可先撤销后重新授权，手机会弹出一个授权窗，确定。

电脑打开

手机用chrome访问页面，那么电脑就会出现相应的网址 点击inspect 即可 (需要翻墙，否则弹出的页面不会是)

Beyond Compare 4

文件对比工具

微信开发者工具

有调试h5网页和小程序两个功能

如何将页面在小程序里打开
选择小程序项目，进入之后
在编译那栏 添加一个编译模式，点击预览生成二维码，手机扫码即可看该页面在小程序打开

autoprefixer在线加前缀

http://autoprefixer.github.io/

node启动本地服务，可通过访问ip值访问页面

var http = require('http');
let fs = require('fs');

http.createServer(function (req, res) {
    res.setHeader('Content-Type','text/html;charset=utf-8');
    fs.createReadStream('../html/index.html').pipe(res);
    
    
}).listen(9999,function(){
    console.log('start')
});