正在阅读:如何结合Hbuilder使用Chrome浏览器如何结合Hbuilder使用Chrome浏览器

2019-01-29 15:05 出处:其他 作者:佚名 责任编辑:lixianmei

  Chrome浏览器的运行速度比较快,打开响应也很方便,安装完Chrome浏览器后,我们在编写代码看网页的效果时可以用到它。今天小编讲一下如何结合Hbuilder使用Chrome浏览器?

方法/步骤

  首先我们先打开Hbuilder,可以以注册登录,也可以选择暂不登录。打开后我们选择把做过的项目导入,文件-打开目录-完成即可。

hbuilder

hbuilder

  在项目中,随便点击一个html网页,小编以“login.html”为例。

hbuilder

  右键”login.html”,打开文件所在目录,会自动跳出该文件所在的文件夹。

hbuilder

hbuilder

  我们在文件夹中右键点击“login.html”-打开方式中选择Google Chrome 浏览器。

hbuilder

  在Chrome浏览器网页中就会显示出来由自己编写的代码所展现出来的效果。

hbuilder

  然后我们点击网页,右键-查看网页源代码,可以检查自己的代码是否出错,并进行复制、编辑等操作;右键-检查,可以检查每个代码代表的部分以及盒子模型等。

hbuilder

hbuilder

hbuilder

Hbuilder系列软件最新版本下载
Hbuilder软件版本:9.1.19 正式版编程开发立即查看
HBuilder软件版本:5.5.1Android软件立即查看

关注我们

最新资讯离线随时看 聊天吐槽赢奖品