๋กœ๊ทธ์ธ
Inspector ๋ฏธ๋ฆฌ๋ณด๊ธฐ

Inspector ์ œ์ž‘์ž: derivia

Inspect HTML elements and CSS box model properties & details

์ด ํ™•์žฅ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•˜๋ ค๋ฉด Firefox๊ฐ€ ํ•„์š”ํ•จ
Firefox๋ฅผ ๋‹ค์šด๋กœ๋“œํ•˜๊ณ  ํ™•์žฅ ๊ธฐ๋Šฅ์„ ๋ฐ›์œผ์„ธ์š”
ํŒŒ์ผ ๋‹ค์šด๋กœ๋“œ
14
์‚ฌ์šฉ์ž
๋ฆฌ๋ทฐ ์—†์Œ
๋ณ„์  ์—†์Œ
5
0
4
0
3
0
2
0
1
0
์Šคํฌ๋ฆฐ์ƒท
Outlined elements based on mouse hover with info panel below.
์ •๋ณด
Inspect HTML and CSS box model properties & details with ease. Visualize outlines for better debugging and design precision. Perfect for developers and designers seeking to streamline their workflow and enhance web development efficiency.
ํ‰๊ฐ€
Inspector ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ์„ ์–ด๋–ป๊ฒŒ ์‚ฌ์šฉํ•˜์…จ๋‚˜์š”?

๋ณ„์  ์ €์žฅ๋จ

์•„์ง ๋ฆฌ๋ทฐ ์—†์Œ
์ด ๊ฐœ๋ฐœ์ž ์ง€์›

์ด ํ™•์žฅ ๊ธฐ๋Šฅ์˜ ๊ฐœ๋ฐœ์ž๊ฐ€ ์—ฌ๋Ÿฌ๋ถ„์ด ์ž‘์€ ๊ธฐ์—ฌ๋กœ ์ง€์†์ ์ธ ๊ฐœ๋ฐœ์„ ์ง€์›ํ•ด ์ค„ ๊ฒƒ์„ ์š”์ฒญํ•ฉ๋‹ˆ๋‹ค.

๊ธฐ์—ฌํ•˜๊ธฐ

๊ถŒํ•œ๋” ์•Œ์•„๋ณด๊ธฐ

Required permissions:

  • ๋ธŒ๋ผ์šฐ์ € ํƒญ์— ์ ‘๊ทผ
  • ๋ชจ๋“  ์›น์‚ฌ์ดํŠธ์—์„œ ์‚ฌ์šฉ์ž์˜ ๋ฐ์ดํ„ฐ์— ์ ‘๊ทผ
์ถ”๊ฐ€ ์ •๋ณด
๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ๋งํฌ
๋ฒ„์ „
1.1.1
ํฌ๊ธฐ
30.54 KB
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ
5๋‹ฌ ์ „ (2025๋…„ 1์›” 9์ผ)
๊ด€๋ จ ์นดํ…Œ๊ณ ๋ฆฌ
๋ผ์ด์„ ์Šค
MIT ๋ผ์ด์„ ์Šค
๋ฒ„์ „ ๋ชฉ๋ก
์ด ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ์‹ ๊ณ 
๋ชจ์Œ์ง‘์— ์ถ”๊ฐ€
๋ฒ„์ „ 1.1.1์˜ ์ถœ์‹œ ์ •๋ณด
Tweaked spacing text on hover information panel.
derivia ๋‹˜์˜ ๋‹ค๋ฅธ ํ™•์žฅ ๊ธฐ๋Šฅ