首页 > 电脑专区 > 电脑教程 >

如何结合Hbuilder使用Chrome浏览器

来源:互联网 2023-02-21 23:20:29 版权归原作者所有,如有侵权,请联系我们

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

如何结合Hbuilder使用Chrome浏览器?73c办公区 - 实用经验教程分享!

工具/原料

  • Chrome浏览器

方法/步骤

  • 1

    首先我们先打开Hbuilder,可以以注册登录,也可以选择暂不登录。打开后我们选择把做过的项目导入,文件-打开目录-完成即可。73c办公区 - 实用经验教程分享!

    如何结合Hbuilder使用Chrome浏览器?73c办公区 - 实用经验教程分享!

    如何结合Hbuilder使用Chrome浏览器?73c办公区 - 实用经验教程分享!

  • 1该信息未经授权抓取自百度经验
  • 2

    在项目中,随便点击一个html网页,小编以“login.html”为例。73c办公区 - 实用经验教程分享!

    如何结合Hbuilder使用Chrome浏览器?73c办公区 - 实用经验教程分享!

  • 3

    右键”login.html”,打开文件所在目录,会自动跳出该文件所在的文件夹。73c办公区 - 实用经验教程分享!

    如何结合Hbuilder使用Chrome浏览器?73c办公区 - 实用经验教程分享!

    如何结合Hbuilder使用Chrome浏览器?73c办公区 - 实用经验教程分享!

  • 4

    我们在文件夹中右键点击“login.html”-打开方式中选择Google Chrome 浏览器。73c办公区 - 实用经验教程分享!

    如何结合Hbuilder使用Chrome浏览器?73c办公区 - 实用经验教程分享!

  • 5

    在Chrome浏览器网页中就会显示出来由自己编写的代码所展现出来的效果。73c办公区 - 实用经验教程分享!

    如何结合Hbuilder使用Chrome浏览器?73c办公区 - 实用经验教程分享!

  • 6

    然后我们点击网页,右键-查看网页源代码,可以检查自己的代码是否出错,并进行复制、编辑等操作;右键-检查,可以检查每个代码代表的部分以及盒子模型等。73c办公区 - 实用经验教程分享!

    如何结合Hbuilder使用Chrome浏览器?73c办公区 - 实用经验教程分享!

    如何结合Hbuilder使用Chrome浏览器?73c办公区 - 实用经验教程分享!

    如何结合Hbuilder使用Chrome浏览器?73c办公区 - 实用经验教程分享!

  • 注意事项

    • 未经许可,谢绝转载
    • 切记:编辑后是不能保存的,要在Hbuilder里进行相应的更改后保存

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!73c办公区 - 实用经验教程分享!


    标签: 浏览器软件使用浏览

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号