页面调试

作者: fanlelee | 来源:发表于2019-07-20 16:13 被阅读0次

关于移动端的一些调试方法

  • 方法一
    在页面选择手机模式,选择相应机型,进行调试


    image.png
  • 方法二
    http-server:
    启动http-server,PC端、移动端连接同一个wifi(局域网),手机浏览器输入指定ip,或者生成二维码用微信扫描二维码,来查看页面效果


    image.png
image.png
  • 方法三
    将页面代码放在http://js.jirengu.com,会生成相应地址在手机上刷新查看
    image.png
  • 方法四
    browser-sync
    安装:sudo npm install -g browser-sync
    启动:browser-sync start --server


    image.png

使用External的地址在手机打开
使用UI的地址在PC端打开,勾选remote debugger进行调试


image.png

相关文章

  • 页面调试

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

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

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

  • 微信X5内核

    x5内核调试专用页: http://debugx5.qq.com 代理页面 TBS调试页面 http://debu...

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

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

  • 手机页面调试

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

  • 页面访问调试

    本地(一个局域网环境)调试 用过电脑本地服务器,进行本地(一个局域网环境)跨设备调试 开启本地服务器的途径:wam...

  • 调试工具的使用

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

  • 面向对象01-调试工具

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

  • 前端js调试

    source调试 打开要调试的页面,按下F12键,打开调试窗口source标签页,可以查看到网页资源,选择要调试的...

  • 移动端调试

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

网友评论

    本文标题:页面调试

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