search

distums / distums.github.io

my personal blog
https://distums.github.io/
0 stars 0 forks source link

Chrome DevTools #23

Open distums opened 6 years ago

distums commented 6 years ago

resources

distums commented 6 years ago

snippets

Sources -> Snippets -> New

Evaluate in Console

distums commented 6 years ago

Command Menu

Cmd+Shift+P (Mac) or Ctrl+Shift+P (Windows, Linux)

distums commented 6 years ago

Animation Inspector

usage

Drawer -> Animations

distums commented 6 years ago

Command Line API

api

distums commented 6 years ago

DOM breakpoints

右键Break On...

会断在做相应操作的js方法上，在不知道具体是哪边代码做了dom操作时非常有用

distums commented 6 years ago

Add a css class

styles -> .cls

distums commented 6 years ago

Open from shell

  1. mark host secure 
    open -a /Applications/Google\ Chrome\ Canary.app --args  --unsafely-treat-insecure-origin-as-secure=http://xxx.com