WebStorm设置手机测试服务器-局域网内其他设备访问

前端开发中,经常需要将做好的页面给其他同事预览或手机测试,之前一直用的第三方本地服务器usbwebserver,偶然了解到WebStorm内置服务器也可以满足此需求,来看看如何设置吧~~

1、端口更改和允许外部:更改端口号“63342”为“8080”,并“√”可以接受外部链接,如下

2、在部署中增加一条规则

3、设置规则名称和方式

4、设置文件地址(前端页面本地文件夹路径)和访问路径(本机IP和8080端口):

5、第二个选项卡中的地址与前面保持一致(前端页面本地文件夹路径)

OK,设置完成,现在用webstorm直接页面预览,可以看到页面地址

已经由原先的:http://localhost:63342/****.html

更改为现在的:http://192.168.1.148:8080/****.html

直接复制这个路径给你的小伙伴吧,只要他们的设备和你的电脑保持在同局域网,即可打开预览了

另文件路径与文件名称尽量使用字母和数字命名,防止中文路径被转码或设备不识别哦

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏13blog.site

IntelliJ IDEA 报错:Error:java: 未结束的字符串文字

构建javaweb项目时,控制台报错: ? 这个问题是由于编码冲突导致的,在设置中找到File Encodings可以看到 ? ide采用utf-8编码格式,而...

2735
来自专栏python3

python导入模块--import--2

在跟之前test_import_color_print.py同级目录下创建testimport.py文件,不然导模块会有问题

752
来自专栏电光石火

如何查看网站页面错误的详细情况(调试)

打开浏览器,点击“工具”(或浏览器右侧齿轮图标),然后单击“internet选项”进入设置窗口。(这里指的是IE浏览器,其他浏览器一般不需要设置) ? 在弹出...

1775
来自专栏王二麻子IT技术交流园地

《跟我学IDEA》二、配置maven、git、tomcat

上一篇博文我们讲解了如何去下载并安装一个idea,在这里我们推荐的是zip的解压版,另外我们配置的一些编码和默认的jdk等。今天我们来学习配置maven、git...

2127
来自专栏DeveWork

修改WordPress 搜索结果页面url 形式,安全有保障

偶然发现开源中国(OSC)的搜索功能不能在非用户登录情况下使用,据说是被攻击了,无奈之下只得关闭游客搜索功能;据说WordPress 也可以通过向搜索地址传递某...

17910
来自专栏凉城

文章内的新浪短网址https无法访问解决办法!

1764
来自专栏Java后端技术

解决Eclipse里Maven工程报 An error occurred while filtering resources错误

这几天被maven的单元测试折腾死了,以为是自己的eclipse有问题呢,今天早上来了又发现eclipse报了一个很奇怪的错误:An error occurre...

752
来自专栏用户2442861的专栏

push到github时,每次都要输入用户名和密码的问题

http://blog.csdn.net/yuquan0821/article/details/8210944

441
来自专栏python3

终端循环执行命令

904
来自专栏静默虚空的博客

Webpack 入门

Webpack 入门 **Tip:** 本文所有示例基于 webpack2。 文中的示例代码说明可以参考:Webpack 示例代码说明 安装 本地安装 $...

2777

扫码关注云+社区