uniapp 项目 浏览器chrome使用vue devtool 识别不了 in not detect

问题

uniapp的项目,vue2, chrome

分析

添加了运行时,指定模板h5.html

指定的h5.html重置了运行根目录,导致了vue dev tool在运行时,chrome上识别不了。

解决:

方法1: 只能调试的时候,不加satic/, 等需要打包的时候再把static/目录回来

复制代码
 <script>
      console.log('|--washing list',allWashingFactoryList)
			window.onresize = function () {
				if (document.documentElement.clientWidth >= 768) {
          // 加static后 vue devTool识别不了vue
					// window.location.href = '<%= BASE_URL %>static/#/';
					window.location.href = '<%= BASE_URL %>#/';
				}
			};
			window.onresize();
		</script>

方法2

根据上面代码只有大于768px的屏幕才执行,可以直接在chrome上调小屏幕小于768即可

相关推荐
艾小逗11 分钟前
uniapp中检查版本,提示升级app,安卓下载apk,ios跳转应用商店
android·ios·uni-app·app升级
软件技术NINI13 分钟前
html css js网页制作成品——HTML+CSS甜品店网页设计(4页)附源码
javascript·css·html
涵信23 分钟前
第十一节:性能优化高频题-响应式数据深度监听问题
javascript·vue.js·性能优化
codingandsleeping1 小时前
Express入门
javascript·后端·node.js
Vaclee1 小时前
JavaScript-基础语法
开发语言·javascript·ecmascript
拉不动的猪1 小时前
前端常见数组分析
前端·javascript·面试
Mr.app2 小时前
vue mixin混入与hook
vue.js
小旋风012342 小时前
uniapp自定义头部(兼容微信小程序(胶囊和状态栏),兼容h5)
微信小程序·uni-app·notepad++
一个专注写代码的程序媛3 小时前
vue组件间通信
前端·javascript·vue.js
一笑code3 小时前
美团社招一面
前端·javascript·vue.js