AI 助理
备案控制台
开发者社区 问答 正文

开发html页面的时候，怎么在真机上进行调试？

使用grunt+bower+webstorm作为前端开发工具，在开发移动端的时候，怎么才能直接在真机上进行页面调试？
举个例子就是在IDE里写html，手机上也会同步展示。

-------分隔线------

在各位大神的推荐下使用了browser-sync，发现真是神器啊，现在使用grunt-watch + browser-sync 可以实现了实时编译。

在使用的过程中发现了一个问题，就是使用ip在本机是可以访问的

http://192.168.2.224:3000/src/html/index.html

但是发到手机上就访问不了了
screenshot
screenshot
确定是在同一个网段，路由器配置也检查过了。。。实在找不到原因了

-------------------分隔线-------------------

在broswersync的群里问了一下，有个大神说关掉系统防火墙
然后就可以了。。。。。。。。。O__O

展开
收起
杨冬芳 2016-06-17 18:11:34 3781 分享 版权

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

1 条回答
写回答
取消 提交回答
  • 杨冬芳
    IT从业

    grunt-contrib-watch，监控文件变动，自动无缓存刷新浏览器。browser-sync 不能自动编译吧，如果需要的话。

    如果你说的调试是像“审元素”那样的功能的话，firefox chrome等浏览器的手机端都支持远程调试。微信浏览器的话那就真的没有办法了。

    2019-07-17 19:43:25
    赞同 展开评论
问答分类：
前端开发 IDE 网络安全 开发工具 网络架构 云防火墙
问答标签：
HTML页面 HTML开发 开发HTML 开发HTML页面
问答地址：
开发者社区 > 开发与运维 > 问答
相关问答
如果要用HTML5开发一些网页上的动画效果，需要什么样的知识？
63
1
0
如果Kotlin来开发app，从开发周期效率来考虑，原生开发，html5混，当下哪种模式相对好一些？
78
1
0
HTML中可以嵌入页面吗？
728
1
0
HTML的页面是怎么样的呀？
683
1
0
在HTML中，用web存储来开发一个简单的网站列表程序需要进行什么样子的操作？
603
1
0
按照文档开启了 CDN 的页面优化功能，但是访问 HTML 页面实际并没有优化效果，怎么回事？
2724
1
0
如何在HTML5页面中嵌入视频呀？
949
1
0
如何在HTML5页面中嵌入音频呀？
879
1
0
在HTML页面中，<hr>为双标记，用于定义一条水平线是吗？
1096
1
0
在HTML中,表示页面背景的是<body bgcolor=>。这种说法对吗？
1083
1
0