使用idea或者webStrom的debugger端口来达到不需要启动服务器就能,通过局域网打开网页的目的。文章末尾为一款对chrom的安卓端进行真机调试的工具介绍

2 篇文章 0 订阅
2 篇文章 0 订阅

有时候在开发web网页时,需要在不同的设备屏幕上做针对该屏幕进行样式适配,可以使用idea或者webStrom的debugger端口来进行网页开发测试。文章末尾为一款对chrom的安卓端进行真机调试的工具介绍

在这里插入图片描述
如图所示设置一下port端口号,如果右边的Can accept external connections选项不能打勾,那是因为idea在这里会做一个端口号的判断(如果port的值>=63342,该选项不可用),只需要点击OK按钮,然后在重新打开一次这个页面,这个选项就可以打勾了,然后点击Apply或OK保存设置就行

提示:在设置port时如果idea发现该端口不可用或者该端口号已被占用,那么idea会自动将端口号改为8080。

另外我推荐一个用于连接手机进行,真手机的web网页调试的工具

我们在使用chrom的chrome://inspect/#devices(不了解怎么操纵的网友可以点击这里,查看具体的操作教程)连接手机端的chrom都会出现一个问题,那就是chrom这个真机调试功能需要向谷歌公司的服务器请求一个工具包,然而不幸的是,由于谷歌公司的傲娇,我们无法从国内访问谷歌服务器,所以即便网友的操作没有错误,结果依然是这样的:在这里插入图片描述
不信?你试试😂
我在网上找了一下,发现有一位大神把谷歌的真机调试进行了单独的分离,还提供了真机调试所需的工具包,这是他的淘宝店铺链接https://item.taobao.com/item.htm?spm=a1z09.2.0.0.728e2e8dea1thq&id=582769112929&_u=d2pfas9b114a售价15元,我用了一段时间,对于这个工具的第一感觉就是非常完美了。店主本人说还包售后服务,这个由于只是属于私人的店铺,是否可信由网友自行判断,我本人也是存有疑虑,不过这款工具的是真的很好用就是了,和谷歌真正的调试区别应该几乎没有。
无图无真相,所以看图
在这里插入图片描述
支持对手机端的chrom浏览器进行控制和操作,就算旋转屏幕,也能正常使用
在这里插入图片描述

不应该只有我被坑15元,你们手中的15元也不能留下(所以想要直接从我手里免费拿这个工具包?没门🙃!)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值