美文网首页
怎样调试手机端 h5页面

怎样调试手机端 h5页面

作者: 看庭前花开花落_望天上云卷云舒 | 来源:发表于2020-05-06 11:28 被阅读0次

最近做手机页面遇到一个问题,把h5页面嵌入到安卓原生里后 如果想调试这个页面,无法看到哪里报错了。同事推荐了一个好用的可以在手机浏览器上直接定位问题的插件:eruda.js,记录一下使用方法。
1.在html中引用如下js:
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/eruda"></script>
<script>eruda.init();</script>
2、然后在页面的右下角上会出现一个设置形状的按钮,直接这个按钮,就会显示一个控制台。


1.png

注:参考文章:https://www.cnblogs.com/dreambin/p/10648077.html

相关文章

  • 怎样调试手机端 h5页面

    最近做手机页面遇到一个问题,把h5页面嵌入到安卓原生里后 如果想调试这个页面,无法看到哪里报错了。同事推荐了一个好...

  • 移动端web页面适配

    移动端Web页面,即常说的H5页面、手机页面、webview页面等。 手机设备屏幕尺寸不一,在做移动端的Web页面...

  • 前端|本地调试H5页面方案总结

    摘要 详细讲述微信H5页面调试(安装在安卓或iOS手机上的),钉钉内H5页面的调试,QQ、微博以及各浏览器上H5页...

  • iOS 2017 UIWebView 实用举例

    随着H5的大火,手机端的页面很多也被网页端侵蚀了,作为手机端的开发人员,就算不需要学会H5的开发,如何和h5(j...

  • 移动端调试

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

  • 获取&修改cookie几种方式及扩展

    背景:嵌入app的H5页面,是在app登录的前提下才能进入到这个H5页面,想在PC端浏览器调试这个页面,就需要从a...

  • 调试工具的使用

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

  • 面向对象01-调试工具

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

  • safari调试iPhone app web页面

    safari调试iPhone app web页面 Overview 当下移动端开发过程中大量使用前段H5、js等等...

  • 2018-10-16移动设备兼容性

    移动设备h5 web网站手机H5页面的区别 分辨率不同,web端为宽屏,手机端为窄平移动设备兼容测试的问题 买手机...

网友评论

      本文标题:怎样调试手机端 h5页面

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