欢迎光临潍坊AG亚游贵宾线路中心网络传媒科技有限公司,我们将竭诚为您提供最优质的服务!

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

添加时间:2015-04-12  文章录入:AG亚游贵宾线路中心网络  文章来源:www.co-opbop.com

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

1、首先是启动谷歌浏览器的开发者工具的方法。在浏览器右上角的选项中点击,下拉菜单选工具——开发者工具,快捷键CTRL+shift+I (配图)

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

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


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

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

上一篇:莫言瑞典演讲 引网友热议

下一篇:让你的网站受欢迎通则六条

联系我们
潍坊AG亚游贵宾线路中心网络传媒科技有限公司
  • 电话:0536-2808858
  • 手机:0536-2808858
  • 邮箱:
  • AG亚游贵宾线路中心网络:www.co-opbop.com
  • AG亚游贵宾线路中心传媒:www.chaofanfilm.com
  • 地址:山东潍坊文化创意产业园
    • 咨询AG亚游贵宾线路中心
    • 点击这里给我发消息
    • 点击这里给我发消息
    • AG亚游贵宾线路中心售后
    • 点击这里给我发消息
    • 点击这里给我发消息
    • 电话:0536-2808858
    • 手机:0536-2808858
    • 邮箱:
    • AG亚游贵宾线路中心网络:www.co-opbop.com
    • AG亚游贵宾线路中心传媒:www.chaofanfilm.com
    • 地址:山东潍坊文化创意产业园
    Copyright © 2015–2020 潍坊AG亚游贵宾线路中心网络传媒有限公司 All Rights Reserved 网站所用图片均由客户提供,如有侵权,请联系我们删除。百度地图 网站地图