移动端开发调试是一个比较麻烦的事情,本篇文章将介绍使用eruda来完成移动端开发调试。
一、直接使用:
在前端项目的index.html中直接通过js写入eruda工具
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>******</title>
</head>
<body>
<div id="app"></div>
<script language="javascript">
document.write('<script src="//cdn.bootcss.com/eruda/1.4.2/eruda.min.js" ><\/script><script>eruda.init(); <\/script>')
</script>
</body>
</html>
这样就会在移动端出现调试工具了,当然,项目中,我们只希望在开发环境和测试环境使用该工具,
所以,下面我对eruda的引入作了一些限制,已使我们在开发环境和测试环境直接暴露调试工具。这里我设置了在生产环境通过点击logo头像9次来开启/关