浏览器如何进入手机调试模式
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了浏览器如何进入手机调试模式相关的知识，希望对你有一定的参考价值。
参考技术A 大家好哦，下面为大家介绍PC端浏览器如何进入手机调试模式。打开浏览器。
点击右上角三点，在下拉菜单中选中“工具”选项。
在快捷菜单中点击“开发人员工具”。
就进入了“手机调试模式”。
点击调试区域上面的“Responsive”，可以选择预设的屏幕参数，也可以自己设定屏幕尺寸。
还可以通过右侧和下面的边框手动调节大小。
通过代码区域的设置按钮，还可以设置手机调试模式的窗口排列方式。
如何在手机上调试h5
参考技术A 众所周知，我们做前端的写页面都是在电脑浏览器里调试，但是h5在浏览器手机模式和真机还是有区别的，所以这里记录下我的方法。步骤：
（1） 建立新的文件夹，进入文件夹，npm init，把要打开的文件拖入
（2） npm install live-server 安装live-server
（3）在json里面修改IP改为本地ip，例如：
（4） npm run server，运行生成地址
同方法一，手机和电脑在一个wifi下，这样地址就可以用手机端访问了
其他也可以使用Apache HTTP Server
以上是关于浏览器如何进入手机调试模式的主要内容，如果未能解决你的问题，请参考以下文章