如何利用HBuilder快速设置外部web服务器来测试移动web
来源:互联网 发布:淘宝微淘买家秀怎么发 编辑:程序博客网 时间:2024/05/18 04:49
关于HBuilder工具的简介:HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写,它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。
当然此篇文章不是为了介绍HBuilder的使用。通常我们开发移动web都可以直接通过在chrome浏览器中,模拟相关移动设备来测试页面效果,但为了更加接近真实机测试效果,我们也可以部署服务器来使用真实机访问页面测试。
下面就是讲解如何使用HBuilder快速设置一个外部web服务器,然后可以直接使用真实机去扫描HBuilder中的二维码来访问测试页面。
一、打开HBuilder开发工具
1)在工具的右上角可以更改开发视图模式选择“边改边看模式”
2)HBuilder将会展开一个自带的Web浏览器,可以点击一个齿轮按钮旁的倒三角展开列表
3)选择列表最下面“设置web服务器”
二、在“设置web服务器界面”中
1)依次展开左边栏的列表“HBuilder”——>“Web服务器”——>选择“外置Web服务器”
2)然后在右边栏点击“新建”编辑Web服务器配置
3)编辑Web服务器配置界面,“名称”可以随意改,关键是“浏览器运行URL”应该填写你的本机ip地址
三、查看本机的ip地址并填写到“浏览器运行URL”
1)Windows打开控制面板的“网络和共享中心”去查看本机ip地址,Mac系统查看ip地址参考(http://jingyan.baidu.com/article/d5c4b52bcf0408da560dc502.html)
2)例如:小编的地址是192.168.0.122
3)填写到Web服务器配置中的“浏览器运行URL”,特别提醒注意填写的ip地址后加上HBuilder使用的端口号8020
4)然后点击确定,配置好一个web服务器
5)选择使用刚刚新建的myWeb外部服务器
四、扫码测试
1)使用HBuilder打开项目的HTML文件
2)点击“Web服务器”中有个二维码的按钮,展开大图的二维码,可以直接使用真实机来扫码测试
3)注意扫码测试,你的真实机和电脑需要在同一个局域网下
- 如何利用HBuilder快速设置外部web服务器来测试移动web
- 快速设置Mac下的Web服务器
- VS2005/2008虚拟Web服务器外部工具的设置
- 如何在Web服务器中利用Apache JMeter执行负载测试
- 在window下如何利用apache web服务器的ab命令进行压力测试?
- 如何对Web服务器做压力测试
- 如何对Web服务器做压力测试
- linux测试服务器如何部署web项目
- 如何在Ubuntu 14.04上利用Keepalived与Floating IP设置高可用性Web服务器
- JQuery的设置来解决移动Web开发
- springboot 如何发布到外部的web服务器上
- 如何在 Web 服务器上设置 SSL
- 如何在 Web 服务器上设置 SSL
- 如何在 Web 服务器上设置 SSL
- Editplus 没有关联web服务器,如何设置?
- hbuilder外置服务器设置(局域网移动端调试)
- hbuilder外置服务器设置(局域网移动端调试)
- 如何设置本地服务器来调试移动端的页面
- java输入&简单的数组操作
- 时间管理之价值衡量
- NOIP 2006 2^k进制数
- 104. Maximum Depth of Binary Tree(unsolved)
- iOS开发 WKWebView的使用
- 如何利用HBuilder快速设置外部web服务器来测试移动web
- 【Zookeeper学习】(二):Curator与Fluent编程风格
- Python标准库:子进程 (subprocess包)
- 文章标题
- Java4android学习笔记20-21
- Python中re(正则表达式)学习
- 笔记记录地址
- X509从证书验证和创建Base64字符串
- 类 封装