Toggle Navigation
交流中心
话题
分享
手册
问答
公告
软件下载
登录
作者:lin@zhy
h5调试
3年前 ⋅
0
```bash svn://120.77.245.17/weiqing_sun_wechat/zhyshop_sun cd d:/zhyshop_sun_wechat npm install ``` ### 配置chrome开发者工具 1. 下载[Tampermonkey(油猴脚本)](https://ai.n8y.cn/upload/soft/Tampermonkey_4.14.6144.zip "Tampermonkey(油猴脚本)"),解压Tampermonkey_4.14.6144.zip解压。 2. 打开chrome扩展程序,打开-开发者模式 3. 加载Tampermonkey_4.14.6144目录进去 4. [vue开发者工具(chrome扩展)](https://ai.n8y.cn/upload/soft/chrome-vue2-devtools-6.5.0.zip "vue开发者工具(chrome扩展)") 5. 创建Tampermonkey脚本(把192.168.2.91)改成自已IP ```javascript // ==UserScript== // @name first script // @namespace http://tampermonkey.net/ // @match http://192.168.2.91:8081 // @match http://192.168.2.91:7071 // @match http://192.168.2.91:7071/* // @match http://192.168.2.91:7071/controller/devtool/httpRequest // @require https://unpkg.com/hotkeys-js/dist/hotkeys.min.js // @version 0.1 // @description try to take over the world! // @author You // @match http://192.168.2.91:8081/* // @icon https://www.google.com/s2/favicons?sz=64&domain=tampermonkey.net // @grant GM_registerMenuCommand // @grant GM_xmlhttpRequest // ==/UserScript== (function () { 'use strict'; let main = { addPageFun(){ let url =location.href; console.log("url:"+url); let pos1 = url.indexOf("#"); let pos2 = url.indexOf("?",pos1); let page = ""; if(pos2 != -1){ page = url.substring(pos1 + 2,pos2); }else{ page = url.substring(pos1 + 2); } let newurl = "http://192.168.2.91:7071/controller/fronttool/httpRequest?page=" + page; console.log("打开新窗口url:"+newurl); GM_xmlhttpRequest({ method: "get", url: newurl, onload: function(res){ if(res.status === 200){ console.log('新页面加入成功') }else{ console.log('新页面加入失败') console.log(res) } }, onerror : function(err){ console.log('error') console.log(err) } }) }, addHotKey(){ let that = this; GM_registerMenuCommand("加入新页面",function(){ that.addPageFun(); },'h'); hotkeys('ctrl+q', function (event, handler){ switch (handler.key) { case 'ctrl+a':{ that.addPageFun(); break; } break; } }); }, init() { console.log("srcipt enabled"); this.addPageFun(); this.addHotKey(); }, }; main.init(); })(); ``` 6. 在脚本设置tab中"XHR安全"-》用户域名白名单加入自已IP,如:192.168.2.91 #### 流程 1. 切换至只有首页模式 2. 进入h5源码目录,执行npm run serve 3. 打开网站,进入首页, 4. 进入其它页面时,会出现空白页,这时按ctrl+q,神码开发工具会自动加载这个页面。(稍等片刻即可)