覚ãˆã¦ãŠããŸã„DevToolsã®ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³APIã¾ã¨ã‚ - QiitaDevToolsã€ä½¿ã£ã¦ã¾ã™ã‹ï¼Ÿ ã‚‚ã¯ã‚„Chromeã˜ã‚ƒãªã„ã¨é–‹ç™ºã§ããªã„ãらã„ã«é£¼ã„慣らã•ã‚Œã¦ã„ã¾ã™ã€‚ ブレークãƒã‚¤ãƒ³ãƒˆã‚„console.logãªã©åŸºæœ¬çš„ãªä½¿ã„æ–¹ã‹ã‚‰ã€Timelineã¨Auditsを使ã£ã¦ã®ãƒ‘フォーマンス計測ãªã©ãªã©ã€DevToolsã®ãƒãƒ†ãƒ³ã‚·ãƒ£ãƒ«ã¯è¨ˆã‚ŠçŸ¥ã‚Œã¾ã›ã‚“。 個人的ã«ã¯Console APIãŒå¥½ããªã‚“ã§ã™ãŒã€ä»Šå›žã¯Consoleパãƒãƒ«ã§ä½¿ãˆã‚‹ Command Line API ã®ä½¿ã„æ–¹ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ $_ $_ã«ã¯æœ€å¾Œã«è©•ä¾¡ã—ãŸå¼ã®çµæžœãŒä¿å˜ã•ã‚Œã¦ã„ã¾ã™ã€‚ Console上ã§è¨ˆç®—ã‚’è¡Œãªã£ãŸå ´åˆã‚„ã€$セレクタãªã©ã§DOMを検索ã—ãŸçµæžœãªã©ã€æœ€å¾Œã®çµæžœãŒå¸¸ã«ä¿å˜ã•ã‚Œã¾ã™ã€‚ $0 〜 $4 $0ã‹ã‚‰$4ã«ã¯Elementsパãƒãƒ«ã§é¸æŠžã—ãŸè¦ç´ ãŒ5ã¤ä¿å˜ã•ã‚Œã¦ã„ã¾ã™ã€‚$0ãŒæœ€å¾Œã«é¸æŠžã—ãŸè¦ç´ ã§æ•°å—ãŒå¢—ãˆã‚‹ã”ã¨ã«éŽåŽ»ã«é¸æŠžã—ãŸè¦ç´ ã«ãªã‚Šã¾ã™ã€‚ $0ã¯ç‰¹ã«ä½¿ã„ã‚„
{{#tags}}- {{label}}
{{/tags}}