九号下载:您身边最放心的安全下载站!全站导航首页|体育乐|VR中心|智能硬件|H5小游戏|单机游戏|软件发布

首页软件资讯软件教程 → 360浏览器2018最新开发者工具使用方法_怎么在浏览器中打开调试工具

360浏览器2018最新开发者工具使用方法_怎么在浏览器中打开调试工具

相关下载相关文章发表评论
2018/3/21 10:52:51来源:本站原创作者:丢三落四的个性人气:1848

360浏览器在国内拥有非常多的用户,其自带的开发者工具也为软件开发带了不少方便,但有些新手还不是很会用。360浏览器可以切换谷歌和ie内核,在不同内核下,使用不同的调试工具,不过调试工具的功能都大同小异,在浏览器中打开调试工具的方法也大同小异。接下来我们就来扒一扒它都有哪些使用方法

360安全浏览器开发者工具如何使用?

1.依次打开 "菜单"->"工具"->"开发人员工具",或者直接按快捷键F12,即可打开发者工具,如图:

2.它以选项卡的形式附着在页面下方,当然它也是可以脱离成为独立窗口的,如图:

3.如果是独立的窗口想还原回去的话,点一下右上角的图标即可,如图:

4.另外,我们还可以直接使用右键菜单->"审查元素"功能直接打开并自动定位到该元素对应的html源码(实际上,平时我们最常用的方法就是使用这个),如图:

5.下图是我对百度主页上的关键字输入框右键,然后,审查元素得到的,它会自动帮多们定位并分析元素,显示它的CSS选择器等,非常方便;

从图中可以看出它的id是kw,name是wd等相关信息,右侧面板则直接地显示了它的style,相关尺寸显示,事件等,如图:

6.另外,我们还可以很方便地进行网络抓包(在Network面板上),切换到该面板时,会自动开始抓包,上面的会有个"小红点",表示正在抓包,如果要停止,就点击一下,会变成灰色,表示停止

7.点击任一条抓到的数据,都可以在右侧看到提交的信息,头,及服务器的响应等,非常方便.

关注九号手机站
带你玩转移动端
扫一扫,移动内容更精彩

阅读本文后您有什么感想? 已有 人给出评价!

  • 0 囧
  • 0 恶心
    恶心
  • 0 期待
    期待
  • 0 难过
    难过
  • 0 不错
    不错
  • 0 关注
    关注

网友评论

发表评论
字母检索ABCDEFGHIJKLMNOPQRSTUVWXYZ