zoukankan      html  css  js  c++  java
  • IE下调试CSS与JS

    IE下调试CSS与JS

    启动调试工具:IE浏览器9.0 ,菜单〉〉F12开发人员工具……。

    1.      调试CSS

    1.1找到页面元素

    ”HTML” TAB页,展开HTML元素,找到要高度的DOM元素HTML代码,选中元素DOM,IE中会为蓝色框表示选中。

    1.2  查看控件使用的样式

    在右边“样式”TAB中,可看到使用的样式,优先级从低到高,内联CSS在最下边

    “跟踪样式”:表示最终使用的复合样式

    “布局”TAB:可方便的看到宽度等信息

    1.3更改CSS

    可在右边更改CSS值,此时在IE中可实时看到更改后结果……

    2调试JS

    2.1 左边“脚本”TAB,可打开JS调试页

    2.2选择JS,“启动调试”前,有选择列表,可选择加载的JS来调试。可设置断点等……

    3.0  查看JS函数调用表,函数调用数

    3.1 左边打开“探查器”,然后“开始采样”,操作IE,然后“停止采样”,则可看到采样信息……当前视图为函数时,可看到所有调用的函数……当前视图为调用树时,可看到调用函数流程,跟踪进去……

    4.0 调试AJAX

    4.1切换到左边“网络”TAB,点击“开始捕获”按钮,然后操作IE,就可以看到AJAX调用以及返回的信息

  • 相关阅读:
    Redis分布式锁解决抢购问题
    Linux查看进程,端口,服务路径等
    执行jar包,输出信息到文件
    查看linux服务器信息
    IDEA将项目打包为指定class文件的jar
    RSA加密-解密以及解决超长内容加密失败解决
    win10 Snipaste 截图软件
    线程池参数详解
    本地连接Linux工具
    python安装
  • 原文地址:https://www.cnblogs.com/attilax/p/15200011.html
Copyright © 2011-2022 走看看