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

最新推荐文章于 2024-07-17 22:55:26 发布
最新推荐文章于 2024-07-17 22:55:26 发布
阅读量781 收藏
点赞数 1
分类专栏： web开发笔记 文章标签： webstorm 手机
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/babulongbo/article/details/77540223
版权
本文介绍了如何在WebStorm中将端口更改为8088并允许外部连接，以使局域网内的手机能访问本地项目。步骤包括更改端口设置，添加部署规则，指定本地文件夹和访问路径，确保'Allow unsigned requests'选中。同时，建议使用Firefox浏览器的二维码组件方便手机快速访问。
摘要由CSDN通过智能技术生成

1、端口更改和允许外部：更改端口号“63342”为“8088”，并“√”可以接受外部链接，如下
这里写图片描述
**

Allow unsigned requests一定要打勾，否则手机不能访问，一直会出现
you can copy URL and open it in browser to trust it….
**
2、在部署中增加一条规则(设置规则名称和方式)
这里写图片描述
3.设置文件地址（前端页面本地文件夹路径）和访问路径（本机IP和8080端口）

最低0.47元/天 解锁文章
babulongbo
关注
专栏目录
利用WebStorm设置服务器-局域网内其他设备访问
weixin_45785873的博客
05-09 2476
利用WebStorm进行手机真机调试，只需几步就，能在其他设备中查看，我们做的页面是否存在一些让人头疼的兼容性问题，我们再也不需要把项目上传到服务器，才能看到效果。 ..
WebStorm设置手机测试-局域网内其他设备访问
as445793297的博客
04-12 352
1、端口更改和允许外部：更改端口号“63342”为“8080”，并“√”可以接受外部链接，如下 2、在部署中增加一条规则，设置规则名称和方式 3、设置文件地址（前端页面本地文件夹路径）和访问路径（本机IP和8080端口）： OK，设置完成，现在用webstorm直接页面预览，可以看到页面地址 已经由原先的：http://localhost:63342/**...
WebStorm ---Vue项目使用移动端打开
最新发布
G20220610的博客
07-17 457
webstorm的vue项目使用移动端打开（使用命令行修改运行时的port和host）
webstorm配置本地测试服务器，方便手机移动端真机调试
Tinybic
03-28 1392
最近又做了一个门户网站，需要兼容移动端。在chrome device mode下开发完以后想在真机上再调试，发现地址是localhost，手机无法调试。其实之前做项目的时候配置过webstrom本地测试服务器，但是webstorm更新以后设置略微不一样，记忆也有些模糊了，遂一顿google，找到了配置方法，这里记录一下。 1. 打开webstorm， Files > Settings &g...
前端开发: WebStorm局域网手机真机调试
a872822645的博客
10-18 3751
转载地址：https://www.jianshu.com/p/8044c7ffd2c7 1. 做好准备工作 安装webstorm以及新建一个项目写个demo 确保是同一局域网,同一个路由器下的WiFi或者其他内部网络 安装google二维码插件 (草料二维码) 2. 开始设置 用webstorm打开demo,打开偏好设置页面 点击到Debugger这一栏,可以看到如图所示: 第一步...
webstorm打开的页面如何通过手机访问？
王春兰的博客
07-04 2572
情景：静态页面想用手机测试。 电脑软件webstorm中的项目，在电脑打开访问，复制浏览器地址，并修改localhost为本地IP地址，在手机上无法访问。 原因：复制的浏览器地址端口号大于10000，所有无法访问 解决：设置端口 File | Settings | Build, Execution, Deployment | Debugger：Built-in server 1.设置端口小于100...
Mac下使用webstorm和Charles搭建本地服务器使手机可访问本地html网页
浅浅的博客
12-14 3007
写了一段时间的h5，页面主要是在手机App中使用，直接用谷歌的模拟器调试是比较方便，但有时候在谷歌浏览器中生效的在手机上不生效，这就比较烦，要想看手机上的效果就得发布到服务器上，还有问题又得重新改，然后重新发布再测试，很麻烦。 之前一直想用XAMPP搭建一个本地服务器，然后让手机访问，找了一堆教程，经过一系列繁杂的配置，也终于成功了，但因为电脑连的WiFi，第二天打开电脑，发现ip变了，果断的访问...
移动端项目如何在手机上做测试（webstrom or tomact）
Rainie_Zhang_1的博客
04-07 1294
（1）用webstrom启动vue项目，然后可以看到浏览器上面的项目网址，例如：http://localhost:8080/goods，然后需要把localhost换成自己的ip地址。 那么怎么查看自己的ip地址呢？ 点击开始->运行->在打开里面输入cmd->然后会弹出命令行窗口，在命令行窗口里输入ipconfig,点击回车，就会看到自己的ip地址了。然后把http://loc...
webstorm设置测试服务器 -- 局域网内其他设备访问（localhost变更为ip地址查看）
晓时不眠的博客
04-18 1167
一、为什么设置成服务器，用IP地址查看？ 移动端的开发页面想要在手机端查看，使用localhost是无法查看的只有使用IP地址才可以通过本机IP访问该页面，查看页面效果 二、设置方法 1、查看本机 IP 地址 调出cmd命令行，输入ipconfig ，获取本机ip地址：192.168.1.100 2、设置 webstorm 选项 ① 弹出设置选项卡 : File ->Settings... ② 端口更改和允许外部：更改端口号“63342”为“8081”，并“√”可以接受外部链接.
WebStorm设置服务器-局域网内其他设备访问（移动端手机访问测试等）
热门推荐
移动开发砖家-扫地僧
04-20 2万+
我在网上找了很多教程，都写得不够全面，另外我用的是最新版本的webstorm 2017.1，有一些地方配置在老版本上也做了一些修改，所以我决定自己整理一份教程供大家参考
NodeMCU项目（二）Web服务器
青何
02-08 1151
这是一个运行在NodeMCU上的微服务器，它工作在局域网(LAN)中。NodeMCU模块连接WiFi后，启动网站服务，响应局域网内其他客户端(浏览器)的请求。
企业标准的开发环境搭建
AIGC大前端小王子
11-13 1369
工欲善其事，必先利其器。学习最火的Docker容器技术，快速搭建测试环境。深入讲解前端必会的Mock接口与工具，并专门设计了调试技巧&真机调试讲解，与实际工作开发完美契合。 一、虚拟机搭建与使用 二、Linux开发环境及常见命令使用 三、容器技术Docker以及安装及使用 四、Node及npm命令的使用 五、搭建DOClever接口测试平台 六、前后端分离开发–RESTful接口及Mock数据 七、常见IDE使用及VSCode的调试配置及默认设置 八、三类真机调试技巧 ...
Mac上WebStorm使用手机访问
mafanwei的博客
04-08 443
目录简易配置高级配置 简易配置 打开webstorm的设置，打勾debugger两项 点击ok即可。 在任意目录点右上角打开网页观察地址栏，复制地址到手机上，并把localhost改成电脑的ip地址即可。 高级配置 打开设置找到delpoyment 点击加号新建一个目录，目录选择webstorm的父目录，web server url要填上端口和父目录。 查看mapping标签local pa...
WebStorm技巧-在安卓手机上运行Ionic程序
decn33932的博客
02-21 260
打开菜单项 Run -> Run… 选择 Edit Configurations… 添加一个 PhoneGap/Cordova 配置项，命名如： Ionic Android， 并输入相关配置项信息。 重新启动WebStorm，可以看到新增的运行菜单项，连接手机到电脑，运行该菜单项。 转载于:https://www.cnb...
在webstorm中生成运行Android程序
愤怒的代码
10-08 9107
关于webStorm: http://www.jetbrains.com/webstorm/help/using-phonegap-cordova.html 总参考文档（有错误--global 改成-g注意） 1.Make sure the PhoneGap and Cordova and the NodeJS plugins are enabled.  2.Download node.js
webstorm局域网ip访问html
Aimee的博客
09-22 1586
webstorm编辑器启动html，使之能在局域网访问
在webstorm中配置本地服务器-局域网内其他设备访问（移动端手机访问测试等）...
weixin_30546189的博客
01-14 402
前言：我在网上找了很多教程，都写得不够全面，于是我亲自经过多次试验，试验出来了，现在分享给大家，另外我用的版本是webstorm 2018.1.5，我们一起看下面的配置一流程： 1.首先需要配置你的端口号并允许服务被外部访问 操作顺序： 　　① 点击左上角“file（文件）” 　　②点击Settings（设置）,弹窗设置窗口 　　③在弹窗左侧上方搜索框搜索“deployment”...
webstorm如何使用cherry-pick
03-16
在WebStorm中使用cherry-pick命令可以将一个或多个提交从一个分支应用到另一个分支。下面是使用cherry-pick的步骤： 1. 打开WebStorm并导航到你的项目。 2. 确保你当前所在的分支是要应用提交的目标分支。 3. 打开终端窗口（Terminal）。 4. 输入以下命令来查看可用的提交记录： ``` git log ``` 这将显示所有提交的历史记录，复制你要应用的提交的哈希值。 5. 输入以下命令来应用单个提交： ``` git cherry-pick <commit-hash> ``` 将`<commit-hash>`替换为你要应用的提交的哈希值。 如果你要应用多个提交，可以按照以下格式输入多个哈希值： ``` git cherry-pick <commit-hash1> <commit-hash2> ... ``` 6. Git会尝试将选定的提交应用到当前分支。如果没有冲突，它会自动应用提交。如果有冲突，你需要手动解决冲突并继续应用提交。 7. 完成cherry-pick后，可以使用以下命令将更改推送到远程仓库： ``` git push origin <branch-name> ``` 将`<branch-name>`替换为你要推送更改的分支名称。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值