企微侧边栏前端开发调试和whistle代理运用

fSh5o 发表于 2025-2-8 17:39:07 | 显示全部楼层 |阅读模式 企微侧边栏前端开辟调试战whistle代办署理使用 1、企业微疑客户端调试东西使用 一、把 devtools_resources.pak 搁到企业微疑的装置目次下（复造的文献名，要包管为 devtools_resources.pak），留神装置目次戴有版原号（4.0.1304.400是浏览器内乱核的版原号）； 二、封闭企业微疑，从头启用； 三、按快速键 ctrl + alt + shift + D，加入调试情势；（会提醒调试情势已经启开；再按一次，便会封闭调试情势） 四、正在需要调试的页里上面打左键，面“开辟者东西”（会显现 ShowDevTools），加入调试情势 详睹：https://developer.work.weixin.qq.com/document/path/90315#%E5%AE%A2%E6%88%B7%E7%AB%AF%E8%B0%83%E8%AF%95 2、侧边栏代办署理到当地 使用 Whistle 代办署理东西，能够轻快天将侧边栏代办署理到 localhost： （1）让侧边栏页里走 whistle 代办署理 （2）正在 whistle 上树立代办署理划定规矩，把页里统统恳求皆代办署理到 localhost 一、Whistle 全部代办署理装置取使用 因为是 npm 包，以是装置只要供一句话（Mac 或者 Linux 的非 root 用户需要正在号令止前面减 sudo，如：sudo npm install -g whistle） 装置 npm install -g whistle 启用 w2 start 沉开 w2 restart 中断 w2 stop 默认端心为8899，假设端心被占用，能够正在启用时颠末 -p 去指定新的端心 w2 start –p 端标语 二、会见主界里 一般情况下间接会见 http://localhost:8899/#network 那个地点便可，没有使用默认端心的话，改成启用的端标语会见便可。 界里以下： 三、Whistle捕捉 Https 撑持（域名是https必然要设置那个，否则的话是捕捉没有到的） 设置页的必然要捕捉 https 和谈的，以是咱们借要许可 Whistle捕捉 HTTPS 恳求。按上面步调一步一步去，要齐套干完。民间文档：许可 Whistle捕捉 HTTPS 恳求 （1）因为调试时的https证书籍皆是使用whistle天生的已受权证书籍，故需要正在会见的目标机械上截至证书籍的装置以就让目标机械承认那个证书籍。面打whistle网页上的HTTPS，会呈现一个两维码，正在两维码上圆有一个Download RootCA，面打下载。两维码下圆有一个Capture HTTPS CONNECTs单选框，勾选表白拦阻https恳求。 （2）下载佳htpps宁静证书籍目前，翻开该证书籍，面打装置证书籍，挑选“将统统的证书籍搁进以下保存”，挑选“受信赖的根证书籍颁布机构”。 四、设置代办署理 Windows搜刮变动脚动代办署理效劳器树立 五、设置 rules，挖写需要的host，而后save 六、沉开 whistle，沉开企业微疑（会有慢存），翻开侧边栏就能够胜利了。 如许您便已经胜利拆修佳了当地情况了。 七、假设用脚机连的 wifi 的话，脚机 wifi 挖写佳主机名战端心，设置代办署理便胜利啦。 3、Whistle 其余功用 一、长途 Console.xxx输出 挪动 端调试的时候的痛面即是不克不及检察 log，Whistle内部 完毕了类似浏览器的 Console 的长途 Log 仄台，使用对于应的划定规矩就能够正在 PC 端截至其余装备上 log 的检察 二、散成 weinre近程 调试 Weinre 是 Apache根底 工程之一，是 WEb INspector REmote 的缩写。邪如其名，它是战 Firebug 或者浏览器调试东西类似，可是能够正在长途运行调试 web 页里。以是假设您使用偏激狐开辟者东西或者 Chrome 的调试东西，那末上脚 Weinre 便会十分简单，十分天然。　可是使用 Weinre 的设置十分烦琐，Whistle 能够主动助咱们正在页里注进 Weinre 的启用剧本，使咱们使用 Weinre 酿成了一句话的工作。 　weinre能够用于调试长途页里出格是挪动真个网页，设置方法详睹文档：http://wproxy.org/whistle/rules/weinre.html

回复 使用道具 举报 提升卡 置顶卡 沉默卡 喧嚣卡 变色卡 千斤顶 照妖镜