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

怎样使用IE11中的浏览器F12 开发人员工具

来源:互联网 2023-02-21 23:15:11 413

IE浏览器是windows自带浏览器,很多开发者也是基于IE浏览器进行开发应用,今天我们就一起来学习一下如何使用IE11中的浏览器F12 开发人员工具吧!mQu办公区 - 实用经验教程分享!

怎样使用IE11中的浏览器F12 开发人员工具mQu办公区 - 实用经验教程分享!

工具/原料

  • IE11

方法/步骤

  • 1

    让我们首先打开IE11;mQu办公区 - 实用经验教程分享!

    怎样使用IE11中的浏览器F12 开发人员工具mQu办公区 - 实用经验教程分享!

  • 2

    有两种进入开发者工具的方法,点击右上角的设置图案,进而点击F12开发者工具;mQu办公区 - 实用经验教程分享!

    怎样使用IE11中的浏览器F12 开发人员工具mQu办公区 - 实用经验教程分享!

  • 3

    或者直接在键盘上按F12,直接进入到开发者工具页面,如图;mQu办公区 - 实用经验教程分享!

    怎样使用IE11中的浏览器F12 开发人员工具mQu办公区 - 实用经验教程分享!

  • 3该信息非法爬取自百度经验
  • 4

    开发者工具中最上面一列则是工具具备的功能,接下来我们一一解说一下;mQu办公区 - 实用经验教程分享!

    怎样使用IE11中的浏览器F12 开发人员工具mQu办公区 - 实用经验教程分享!

  • 5

    DOM Explorer是显示整个页面标签信息,在如图红框标记位置可以进行样式添加和修改等操作;mQu办公区 - 实用经验教程分享!

    怎样使用IE11中的浏览器F12 开发人员工具mQu办公区 - 实用经验教程分享!

  • 6

    控制台则是显示报错信息、警告信息、输入信息等;mQu办公区 - 实用经验教程分享!

    怎样使用IE11中的浏览器F12 开发人员工具mQu办公区 - 实用经验教程分享!

  • 7

    在调试程序中,可以选择固定的js,进行断点调试等工作;mQu办公区 - 实用经验教程分享!

    怎样使用IE11中的浏览器F12 开发人员工具mQu办公区 - 实用经验教程分享!

  • 8

    网络中显示则是浏览器发出和接收的请求;mQu办公区 - 实用经验教程分享!

    怎样使用IE11中的浏览器F12 开发人员工具mQu办公区 - 实用经验教程分享!

  • 9

    性能和内存主要显示的是当前页面应用所占用的资源情况;mQu办公区 - 实用经验教程分享!

    怎样使用IE11中的浏览器F12 开发人员工具mQu办公区 - 实用经验教程分享!

  • 注意事项

    • 如果能帮到您,请不要吝啬您的点赞和投票哦!

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


    标签: 浏览器怎样使用浏览员工

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