Chrome デベãƒãƒƒãƒ‘ーツールã§çŸ¥ã£ã¦ã„ã‚‹ã¨ã€Webサイトやアプリã®åˆ¶ä½œãŒæ—る便利ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚先日「Chrome デベãƒãƒƒãƒ‘ーツールã®ä½¿ã„æ–¹ã€ã§è¯éº—ã«ä½¿ã„ã“ãªã™ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã—ãŸãŒã€ãã‚Œã¨ã¯ç•°ãªã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーツールã®ä¾¿åˆ©ãªä½¿ã„方を紹介ã—ã¾ã™ã€‚ Webサイトやアプリã®åˆ¶ä½œæ™‚ã«ã€éžå¸¸ã«å½¹ç«‹ã¤ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒæº€è¼‰ã§ã™ã€‚ ※画åƒã¯å…ƒè¨˜äº‹ã®ã‚‚ã®ã§ã¯ãªãã€å½“æ–¹ã®ç’°å¢ƒã®ã‚‚ã®ã‚’使用ã—ã¦ã„ã¾ã™ã€‚ デベãƒãƒƒãƒ‘ーツールã®ä¾¿åˆ©ãªä½¿ã„æ–¹ タブ「Elementsã€ã‚’é¸æŠž DOMè¦ç´ ã‚’é¸æŠž å³ãƒ‘ãƒãƒ«ã®ã‚¿ãƒ–「Computedã€ã‚’é¸æŠž 「Computedã€ã«ã¯ã€é¸æŠžã—ãŸDOMè¦ç´ ã«é©ç”¨ã•ã‚Œã¦ã„ã‚‹å…¨ã¦ã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ãã®ãƒ—ãƒãƒ‘ティã®é ã«ã‚る虫眼é¡ã‚¢ã‚¤ã‚³ãƒ³ã‚’クリックã™ã‚‹ã¨ã€ãã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒã‚ã‚‹CSSファイルã¨ãã®ã‚»ãƒ¬ã‚¯ã‚¿ã®æŒ‡å®šã‚’表示ã—ã¾ã™ã€‚ ã“ã‚Œã¯å¤§ããªã‚µã‚¤ãƒˆã‚’制作ã—ã¦ã„る時ã«ã€éžå¸¸ã«æœ‰ç”¨ã§ã™ã€‚
専門知è˜ä¸è¦ã§çž¬æ™‚ã«Webサイトã®ã‚¯ã‚ªãƒªãƒ†ã‚£ãƒã‚§ãƒƒã‚¯ãŒã§ãるツール7é¸ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
{{#tags}}- {{label}}
{{/tags}}