如何结合Hbuilder使用Chrome浏览器

 时间:2024-10-14 05:42:27

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

如何结合Hbuilder使用Chrome浏览器
如何结合Hbuilder使用Chrome浏览器

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

如何结合Hbuilder使用Chrome浏览器

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

如何结合Hbuilder使用Chrome浏览器
如何结合Hbuilder使用Chrome浏览器

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

如何结合Hbuilder使用Chrome浏览器

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

如何结合Hbuilder使用Chrome浏览器

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

如何结合Hbuilder使用Chrome浏览器
如何结合Hbuilder使用Chrome浏览器
如何结合Hbuilder使用Chrome浏览器
  • jquery怎么把一个div放在另一个div里面
  • js如何改变表格内容的颜色
  • HTML图片像素的设置
  • css如何通过实现让文字在框内水平垂直都居中?
  • 如何在IntelliJ IDEA中导入mysql的驱动jar包
  • 热门搜索
    手抄报大全 我爱我家手抄报 劳动节手抄报简单好画 关于元旦的手抄报 清明节的手抄报图片 感恩老师的手抄报 卫生与健康手抄报 环保小卫士手抄报 中秋节手抄报图片 五四青年节手抄报