Web制作ã«ã™ãã«å½¹ç«‹ã¤ã€Chrome デベãƒãƒƒãƒ‘ーツールã®ä¾¿åˆ©ãªæ©Ÿèƒ½ãƒ»ä½¿ã„æ–¹ã®ã¾ã¨ã‚Web制作者ã«ã¨ã£ã¦ã€Chrome デベãƒãƒƒãƒ‘ーツールã¯æ¬ ã‹ã›ã¾ã›ã‚“。Web制作ã«ã™ãã«å½¹ç«‹ã¤ã€ä¾¿åˆ©ãªæ©Ÿèƒ½ãƒ»ä½¿ã„方を紹介ã—ã¾ã™ã€‚ Cool Chrome DevTools tips and tricks you wish you knew already 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ 01. è¦ç´ ã‚’Elementsパãƒãƒ«å†…ã§ãƒ‰ãƒ©ãƒƒã‚°&ドãƒãƒƒãƒ— 02. コンソールã§ç¾åœ¨ã®è¦ç´ ã‚’å‚ç…§ 03. コンソールã§æœ€å¾Œã«å®Ÿè¡Œã•ã‚ŒãŸå€¤ã‚’å‚ç…§ 04. ã‚»ãƒ¬ã‚¯ã‚¿ã‚’åŠ ãˆã¦ã€è¦ç´ ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’è¿½åŠ 05. 変更ã—ãŸCSSをファイルã«ä¿å˜ 06. 指定ã—ãŸè¦ç´ ã®ã¿ã‚’スクリーンショット 07. CSSセレクタを使用ã—ã¦ã„ã‚‹è¦ç´ を検索 08. コンソールã§è¤‡æ•°ã®è¡Œã«ã¾ãŸãŒã‚‹ã‚³ãƒžãƒ³ãƒ‰ã‚’記述 09. Sourcesパãƒãƒ«ã®ä¾¿åˆ©ãªæ©Ÿèƒ½ 10. Wa
{{#tags}}- {{label}}
{{/tags}}