摘要：关于工具的简介是数字天堂推出的一款支持的开发。的编写用到了和。快，是的最大优势，通过完整的语法提示和代码输入法代码块等，大幅提升的开发效率。下面就是讲解如何使用快速设置一个外部服务器，然后可以直接使用真实机去扫描中的二维码来访问测试页面。
关于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/arti...）
2）例如：小编的地址是192.168.0.122
3）填写到Web服务器配置中的“浏览器运行URL”，特别提醒注意填写的ip地址后加上HBuilder使用的端口号8020
4）然后点击确定，配置好一个web服务器
（配置完毕）
5）选择使用刚刚新建的myWeb外部服务器
（选择myWeb）
四、扫码测试1）使用HBuilder打开项目的HTML文件
2）点击“Web服务器”中有个二维码的按钮，展开大图的二维码，可以直接使用真实机来扫码测试
3）注意扫码测试，你的真实机和电脑需要在同一个局域网下
（使用手机扫二维码）
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/8741.html
摘要：目录可选的各平台开发工具可选安卓开发者官网的一些离线文档，不过下载下来打开也很慢，后面会提供另外一个离线版。可选，此项在高版本中已不提供，需要在里通过引入，当然也可以下载离线版内置的安卓示例程序，推荐安装。可选安卓的源代码，推荐安装。 前言 HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。...
摘要：目录可选的各平台开发工具可选安卓开发者官网的一些离线文档，不过下载下来打开也很慢，后面会提供另外一个离线版。可选，此项在高版本中已不提供，需要在里通过引入，当然也可以下载离线版内置的安卓示例程序，推荐安装。可选安卓的源代码，推荐安装。 前言 HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。...
摘要：目录可选的各平台开发工具可选安卓开发者官网的一些离线文档，不过下载下来打开也很慢，后面会提供另外一个离线版。可选，此项在高版本中已不提供，需要在里通过引入，当然也可以下载离线版内置的安卓示例程序，推荐安装。可选安卓的源代码，推荐安装。 前言 HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。...
阅读 1486·2021-11-24 11:16
阅读 2689·2021-07-28 12:32
阅读 2301·2019-08-30 11:22
阅读 1439·2019-08-30 11:01
阅读 594·2019-08-29 16:24
阅读 3546·2019-08-29 12:52
阅读 1624·2019-08-29 12:15
阅读 1331·2019-08-29 11:18
