zoukankan      html  css  js  c++  java
  • chrome开发工具指南(五)

    Click More More to open the Main Menu.

    Settings

    To open Settings, do one of the following:

    • Press F1 while DevTools is in focus.
    • Open the Main Menu and then select Settings.

    Command Menu

    To open the DevTools Command Menu, press Cmd+Shift+P (Mac) or Ctrl+Shift+P (Windows, Linux).

    Drawer

    Press Escape to open or close the Drawer.

    A DevTools window, with the
      Drawer open at the bottom. The Console tab is open in the Drawer.

    Figure 4: A DevTools window, with the Drawer open at the bottom. The Console tab is open in the Drawer.

    Click More More to open other Drawer tabs.

    The button for opening Drawer
      tabs.

    Figure 5: The button for opening Drawer tabs, outlined in blue.

    Change the DevTools UI

    Reorder panel tabs

    Click and drag a panel tab to change its ordering. Your custom tab order persists across DevTools sessions.

    A DevTools window
      with a custom panel tab ordering.
    Figure 6: A DevTools window with a custom tab ordering. By default, the Network panel tab is usually the fourth from the left. In the screenshot, it's the first from the left.

    Change DevTools placement

    To change the placement of the DevTools window:

    1. Open the Main Menu.
    2. Select Undock into separate window Undock into separate windowDock to left Dock to
   leftDock to bottom Dock
   to bottom, or Dock to right Dock to right.
    Note: Dock to left was introduced in Chrome 58.

    You can also change the placement of DevTools from the Command Menu. The names of the commands are the same as the options mentioned above.

    The DevTools window,
      docked to the left.
    Figure 7: The DevTools window, docked to the left.

    Use dark theme

    To set DevTools to a dark theme:

    1. Open Settings.
    2. Click the Preferences tab.
    3. Under the Appearance section, set Theme to Dark.

    You can also set DevTools to dark theme from the Command Menu.

    The dark theme of DevTools.
    Figure 8: The dark theme of DevTools.

    Experiments

    To enable DevTools experiments:

    1. Go to chrome://flags/#enable-devtools-experiments.
    2. Click Enable.
    3. Click Relaunch Now, at the bottom of the page.

    The next time you open DevTools, there's a new page called Experiments in Settings.

  • 相关阅读:
    业务逻辑安全之登陆认证模块
    linux下的tcpdump
    wirshark使用(二)
    wirshark 使用(一)
    MVC框架的代码审计小教程
    记一次发卡网代码审计
    HTML知识点(一)
    jQuery基础、效果和事件
    Ajax知识(二)
    jQueryHTML和插件、display和overflow和visibility的区别
  • 原文地址:https://www.cnblogs.com/cina33blogs/p/6757792.html
Copyright © 2011-2022 走看看