如何利用谷歌浏览器自带工具进行网页调试-沙漠风网站建设公司

首页/ 资讯/ 网站建设知识/

如何利用谷歌浏览器自带工具进行网页调试

发布来源：沙漠风网站建设公司

发布时间：2013-11-08 00:00:00

返回列表

/knowledge/

热门标签

沙漠风公众号

网站的兼容性问题是所有前端人员的一个苦恼，每次页面调试会用多种的浏览器进行调试，比如谷歌、火狐、ie6--ie9、google、360等等，很多的网页制作人员都会经常在我们常用的浏览器中进行多次的调试，今天我们就来带大家说一下在谷歌浏览器，在谷歌不断升级下，它的浏览器自带开发者工具，可以实现代码修改并预览。

1、先是启动谷歌浏览器的开发者工具的方法。在浏览器右上角的选项中点击，下拉菜单选工具——开发者工具，快捷键CTRL+shift+I （配图）
深圳网站设计

2、打开开发者工具后，在浏览器下方出现一个调试面板。左侧是网页HTML调试查看，右侧是CSS代码调试，还有一些JS，资源的折叠起来了。

深圳网站设计

3、谷歌浏览器调试的好处就是，可以实现元素定位，把鼠标放在指定的元素上，就可以在浏览器的上面视图中加灰突出显示所对应的元素。

深圳网站设计

4、右侧的CSS代码调试是一个不错的工具，不仅可以查看对应的标签的代码，同时还可以实时更改代码的值并在浏览器上方视图中显现变化。
深圳网站设计

5、CSS调试中，还有盒子模型的形象视图。在右侧折叠面板中可以打开，实现对margin,padding等的定位计算。

深圳网站设计

上一篇：ASP.net网站开发注意事项--深圳网站建设公司分享下一篇：网站制作与页面设计应注意五大要点

首页

网站建设

关键词SEO优化品牌推广两V一抖广告媒介投放品牌网站建设企业网站建设门户网站建设网站代运营集团网站建设外贸网站建设营销网站建设网站运营维护

案例

关于沙漠风

沙漠风是成立于2003年的深圳网站建设公司,主要提供高品质网站建设,电商网站设计开发,外贸网站制作,响应式网页设计,微信小程序等服务.通过品牌视觉诊断和用户数据分析，我们深入了解客户的网站建设和数据运维的需求，协助企业构建高效的互联网运作体系。我们致力于建立企业与用户之间的高效互通，创造更有价值的品牌视觉体验，让互联网提升企业的品牌竞争力！

我们的优势

22年建站服务经验

服务56家500强企业

服务298家上市企业

多项网站设计传播大奖

营销型网站建设专家

完备的项目流程管理体系

我们的不同

沙漠风是一家集创意、整合和营销于一体的深圳网站设计机构。我们在业内拥有良好的客户口碑和设计影响力。我们提供全方位的定制服务，包括网站品牌分析策划、网站设计、视觉创意表现、网页制作、系统开发和网站运营推广等。帮助企业打造创新的互联网品牌经营模式和有效的网络营销方法，创造更大的品牌势能。
沙漠风网站建设业务范围包括深圳福田、罗湖、南山、盐田、龙岗、宝安、坪山、龙华、大鹏新区全域以及一线城市北京、上海、广州全国各地区，为各类公司企业或者机构提供网站建设、设计定制服务。

深圳网站建设公司地址：深圳市福田区车公庙创新科技广场一期A座11层

广州网站建设公司地址：广州市海珠区新港东路1068号中洲中心北塔1709 | 业务热线：0755-83739159

专家团队为您提供深圳网站建设,深圳网站设计,深圳品牌网站设计,深圳营销型网站制作等定制服务,深圳建网站就找沙漠风！ | 深圳网站建设哪家好？ | 深圳网站制作报价 | 网站建设地图 | 粤公网安备:440304020027764号