美文网首页
移动端页面手机调试debug

移动端页面手机调试debug

作者: Rose_yang | 来源:发表于2021-08-27 16:23 被阅读0次

1.安装:npm install --save-dev eruda

2.页面引入eruda:import eruda from 'eruda'

3.初始化eruda:

mounted () {          
if(/debug=11qw/.test(window.location)){ //判断是否是debug模式
eruda.init();
}
console.log('Welcome to');
}

github地址: https://github.com/liriliri/eruda

如果不是基于Vue项目的而是一个简单的活动页面。只需在页面添加如下<script></script>标签就行了。

 <script>
(function () {
  if(/debug=11qw/.test(window.location)){ //判断是否是debug模式
    var script = document.createElement('script');
    script.src="//cdn.jsdelivr.net/npm/eruda"; 
    document.body.appendChild(script);
    script.onload = function () { 
      eruda.init();
    }
  } 
})();

</script>

5 使用: 在你的url中携带debug=11qw

相关文章

  • 移动端页面手机调试debug

    1.安装:npm install --save-dev eruda 2.页面引入eruda:import erud...

  • 移动端调试

    一、关于spy-debugger 一站式页面调试、抓包工具。远程调试任何手机浏览器页面,任何手机移动端webvie...

  • 调试工具的使用

    开启调试窗口 windows 平台: f12 调试窗口介绍 指针: 选择页面中的元素 手机: 使用移动端界面调试 ...

  • 面向对象01-调试工具

    开启调试窗口 windows 平台: f12 调试窗口介绍 指针: 选择页面中的元素 手机: 使用移动端界面调试 ...

  • Weex Inspector 使用(二)

    前端weex-debug页面过程,需要结合移动端(Android 或者 IOS )端改造,通过websocket ...

  • 关于页面背景色

    之前制作移动端页面的过程中,PC端模拟调试一切正常,但放到移动端真机调试时发现许多页面存在色差问题。 这是由于浏览...

  • 调试移动端页面

    移动端页面调试比PC端要复杂不少,不过有一些比较好的工具可以让这个过程简化。下面介绍两个工具。1,UC移动端浏览器...

  • 移动端网页调试

    chrome的inspect 在桌面端chrome输入下列语句并在手机端启动相应页面后,就可以进行移动端调试了:c...

  • 移动端调试方法

    随着手机等移动设备的普及,适配移动端的页面变得越来越有必要。这也意味着移动端的调试变得越来越频繁,那么就会发生以下...

  • 页面调试

    关于移动端的一些调试方法 方法一在页面选择手机模式,选择相应机型,进行调试image.png 方法二http-se...

网友评论

      本文标题:移动端页面手机调试debug

      本文链接:https://www.haomeiwen.com/subject/wykqjftx.html