WebStorm移动端调试html方法

WebStorm移动端调试html方法

在使用WebStorm编写HTML代码,尤其是编写移动端web时,常常会需要在商机上显示网页进行测试,WebStorm上只需要简单几步即可访问

  1. 打开WebStorm上的preferences
    WebStorm移动端调试html方法_第1张图片

  2. 选择Debugger

  3. WebStorm移动端调试html方法_第2张图片

  4. 填写端口号,勾选框,填好后点击apply(端口号随便写,如被占用会提示)
    WebStorm移动端调试html方法_第3张图片

  5. 右键需要打开的html,选择open in Browser,再选择需要用哪种浏览器打开,打开页面
    WebStorm移动端调试html方法_第4张图片

  6. 修改url地址
    在这里插入图片描述
    将localhost修改成自己的IP地址就可以访问啦(mac系统可在命令行输入ifconfig查看或在系统偏好设置的网络里面看到)

你可能感兴趣的:(IDE)