美文网首页我爱编程
2018-05-26 手机页面如何调试

2018-05-26 手机页面如何调试

作者: tsl1127 | 来源:发表于2018-05-26 23:36 被阅读0次
image.png

方法一:
本地电脑开http-server服务,会有一个局域网IP地址(带有端口号)


image.png

手机浏览器访问这个地址(同一个wifi下)
手机上没有log
怎么办?
在电脑上对应页面的代码里加alert


image.png
image.png
还可以在上面基础上监听onerror事件
image.png
image.png
image.png

方法二:
自己写个console.log


image.png

样式最下面加个div
在代码里再写console.log('xx')


image.png
image.png
image.png
image.png
image.png

或者加一个库vconsole(不用写上面的代码了)


image.png

把vconsole.min.js拷贝过去,并引入


image.png
然后在代码里初始化一下
image.png

再在代码里写console.log
手机端就可以显示了


image.png
image.png
点开vconsole

每个页面都可以引入vconsole

相关文章

  • 2018-05-26 手机页面如何调试

    方法一:本地电脑开http-server服务,会有一个局域网IP地址(带有端口号) 手机浏览器访问这个地址(同一个...

  • 如何调试手机上的页面?

    一. 如何调试手机上的页面 参考safari调试iPhone app web页面进行相关配置,就可以在mac上调试...

  • 关于手机web页面的调试

    开发手机页面的调试 在开发手机页面时,由于手机浏览器通常没有开发者工具,应该如何来调试呢? 巧用window.al...

  • 手机页面如何调试

    使用alert

  • iPhone手机调试工具Safari

    通过Safari调试手机页面在移动web开发过程中,需要经常考虑调试的问题,以下将对如何在苹果手机的safari浏...

  • 手机页面调试

    开启http-server 手机访问局域网地址 方法1:使用alert代替console,如果alert不能确定错...

  • 手机端页面如何调试?

    如何调试手机页面? 将手机连接到PC的同一个网络 用手机访问PC提供的 HTTP 服务(本地开起http-seve...

  • 第五十七章 CSP的常见问题 - 如何调试CSP页面?

    第五十七章 CSP的常见问题 - 如何调试CSP页面? 如何调试CSP页面? 不要用Debug > View Br...

  • 移动端调试

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

  • 调试工具的使用

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

网友评论

    本文标题:2018-05-26 手机页面如何调试

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