原文:https://segmentfault.com/a/1190000009315006
webstorm 打开html默认地址为localhsot+端口63432,把localhost改成自己的实际IP后,是无法访问的,因为63432端口太长,需要在settings的debugger里把端口改成4位数的,如:8081、8082或其他。
我的ip为:192.168.6.116
这个尝试的是用weinre插件。启动:weinre --httpPort 8081 --boundHost -all-
1、打开启动时给出的地址(即localhost:8081)。
2、把要打开的页面加一个<script src="http://192.168.6.116:8081/target/target-script-min.js#anonymous"></script>标签。之后通过webstorm直接浏览器打开
此时weinre会自动识别到给出相应地址。
点开debug client user interface 给出的地址之后看到targets下面的地址。就是你要调试的地址,蓝色表示成功。之后可以切换相关sheet页进行查看,比如常用的Element。
3、这样在局域网下,手机就能能通过自己的ip来访问PC里的页面了。手机打开pc通过webstorm打开的地址。即可看到。
那现在就可以在weinre的element来处理问题了。
缺点:需要局域网,最主要需要在调试的页面加上指定的script标签。
-------------简单汇总,待有空整理完善-------------