利用WebStorm进行手机真机调试【局域网】
1、点击“文件”——“设置”——“构建、执行、部署”——“调试器”,先修改一下端口后,为了避免端口冲突,我这里是8020,修改后把后面的都选上。
2、 打开“Deployment”,配置一个访问路径
3、配置访问路径,Folden是文件所在的路径,Web server URL是需要真机测试的网页路径
Web server URL是哪个?就是我们需要真机测试的网页,如下复制需要的HTML文件到Web server URL
4、改好访问路径后我们直接点击最右边的那个“地球”,如果可以在网页上打开,说明我们的配置成功了,如下图所示:
5、把网址复制出来,去草料那里生成一个二维码,用手机扫码打开,当然,如果我们的访问路径简单,可以在手机上直接输入网址即可打开【要在同一局域网】
手机打开的显示结果(我这里的视频暂时打不开,访问是可以的)
过程总结:
1、点击“文件”——“设置”——“构建、执行、部署”——“调试器”,先修改一下端口后,为了避免端口冲突,我这里是8020,修改后把后面的都选上;
2、 打开“Deployment”,配置一个访问路径;
3、配置访问路径,Folden是文件所在的路径,Web server URL是需要真机测试的网页路径;
4、改好访问路径后我们直接点击最右边的那个“地球”,如果可以在网页上打开,说明我们的配置成功了;
5、把网址复制出来,去草料那里生成一个二维码,用手机扫码打开,当然,如果我们的访问路径简单,可以在手机上直接输入网址即可打开【要在同一局域网】。