Chrome, Firefox, Safari 3๋Œ€ ์ฃผ์š” ๋ธŒ๋ผ์šฐ์ € ํ˜ธํ™˜์„ฑ ๊ฒ€์‚ฌ

์›น์‚ฌ์ดํŠธ๊ฐ€ ์ฃผ์š” ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ •์ƒ์ ์œผ๋กœ ์ž‘๋™ํ•˜๋Š”์ง€ ๊ฒ€์‚ฌํ•˜๋Š” ํฌ๋กœ์Šค ๋ธŒ๋ผ์šฐ์ € ํ˜ธํ™˜์„ฑ ํ…Œ์ŠคํŠธ์ž…๋‹ˆ๋‹ค.

์ธก์ • ๋„๊ตฌ: Playwright (Microsoft์—์„œ ๊ฐœ๋ฐœํ•œ ๋ธŒ๋ผ์šฐ์ € ์ž๋™ํ™” ๋„๊ตฌ)
โ€ข Chromium (Chrome, Edge์˜ ๊ธฐ๋ฐ˜ ์—”์ง„)
โ€ข Firefox (Gecko ์—”์ง„)
โ€ข WebKit (Safari์˜ ๊ธฐ๋ฐ˜ ์—”์ง„)

ํ…Œ์ŠคํŠธ ๋ชฉ์ :
โ€ข ๋‹ค์–‘ํ•œ ๋ธŒ๋ผ์šฐ์ € ํ™˜๊ฒฝ์—์„œ ์›น์‚ฌ์ดํŠธ์˜ ์ •์ƒ ์ž‘๋™ ์—ฌ๋ถ€ ํ™•์ธ
โ€ข JavaScript ๋Ÿฐํƒ€์ž„ ์˜ค๋ฅ˜ ๊ฒ€์ถœ ๋ฐ ์ž์‚ฌ/ํƒ€์‚ฌ ์ฝ”๋“œ ๋ถ„๋ฆฌ
โ€ข CSS ํŒŒ์‹ฑ ๋ฐ ๋ Œ๋”๋ง ์˜ค๋ฅ˜ ๊ฐ์ง€
โ€ข ๋ธŒ๋ผ์šฐ์ €๋ณ„ ํ˜ธํ™˜์„ฑ ๋ฌธ์ œ ์‚ฌ์ „ ๋ฐœ๊ฒฌ

์ธก์ • ํ•ญ๋ชฉ:
โ€ข ํŽ˜์ด์ง€ ์ •์ƒ ๋กœ๋“œ ์—ฌ๋ถ€ (document.readyState === 'complete')
โ€ข JavaScript ์˜ค๋ฅ˜ ์ˆ˜์ง‘ (์ž์‚ฌ/ํƒ€์‚ฌ/๋…ธ์ด์ฆˆ ๋ถ„๋ฅ˜)
โ€ข CSS ์˜ค๋ฅ˜ ์ˆ˜์ง‘ (ํŒŒ์„œ ์˜ค๋ฅ˜ ํŒจํ„ด ๊ธฐ๋ฐ˜)
โ€ข ๋ธŒ๋ผ์šฐ์ €๋ณ„ User-Agent ์ •๋ณด
๋“ฑ๊ธ‰ ์ ์ˆ˜ ๊ธฐ์ค€
A+ 90~100 Chrome/Firefox/Safari ๋ชจ๋‘ ์ •์ƒ
์ž์‚ฌ JS ์˜ค๋ฅ˜: 0๊ฐœ
CSS ๋ Œ๋”๋ง ์˜ค๋ฅ˜: 0๊ฐœ
A 80~89 ์ฃผ์š” ๋ธŒ๋ผ์šฐ์ € ์ง€์› ์–‘ํ˜ธ (2๊ฐœ ์ด์ƒ ์ •์ƒ)
์ž์‚ฌ JS ์˜ค๋ฅ˜ โ‰ค 1
CSS ์˜ค๋ฅ˜ โ‰ค 1
B 70~79 ๋ธŒ๋ผ์šฐ์ €๋ณ„ ๊ฒฝ๋ฏธํ•œ ์ฐจ์ด ์กด์žฌ (2๊ฐœ ์ด์ƒ ์ •์ƒ)
์ž์‚ฌ JS ์˜ค๋ฅ˜ โ‰ค 3
CSS ์˜ค๋ฅ˜ โ‰ค 3
C 60~69 ์ผ๋ถ€ ๋ธŒ๋ผ์šฐ์ €์—์„œ ๊ธฐ๋Šฅ ์ €ํ•˜ (1๊ฐœ ์ด์ƒ ์ •์ƒ)
์ž์‚ฌ JS ์˜ค๋ฅ˜ โ‰ค 6
CSS ์˜ค๋ฅ˜ โ‰ค 6
D 50~59 ํ˜ธํ™˜์„ฑ ๋ฌธ์ œ ๋‹ค์ˆ˜
์ž์‚ฌ JS ์˜ค๋ฅ˜ โ‰ค 10
CSS ์˜ค๋ฅ˜ โ‰ค 10
F 0~49 ์ฃผ์š” ๋ธŒ๋ผ์šฐ์ € ์ •์ƒ ๋™์ž‘ ๋ถˆ๊ฐ€
์ž์‚ฌ JS ์˜ค๋ฅ˜ 10๊ฐœ ์ดˆ๊ณผ
CSS ์˜ค๋ฅ˜ 10๊ฐœ ์ดˆ๊ณผ
์•„์ง ๊ฒฐ๊ณผ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค

ํ…Œ์ŠคํŠธ๋ฅผ ์‹คํ–‰ํ•˜๋ฉด ๋ธŒ๋ผ์šฐ์ €๋ณ„ ํ˜ธํ™˜์„ฑ ๊ฒฐ๊ณผ๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์•„์ง ๊ฒฐ๊ณผ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค

ํ…Œ์ŠคํŠธ๋ฅผ ์‹คํ–‰ํ•˜๋ฉด Raw JSON ๋ฐ์ดํ„ฐ๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๊ฒ€์‚ฌ ๋‚ด์—ญ์„ ๋ณด๋ ค๋ฉด ๋กœ๊ทธ์ธ์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.

๋„๋ฉ”์ธ ๊ด€๋ฆฌ๋Š” ๋กœ๊ทธ์ธ์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.