ํ๋ก๊ทธ๋๋ฐ์ ๊ด์ฌ์ด ์๋ ๋
์ผ์ ๋ฌผ๋ฆฌํ๊ณผ ํ์์ธ Jan Brรถmer ๋ JavaScript์ ๊ธฐ๋ฅ์ ์ฌ์ฉํ์ง ์๊ณ CSS๋ง ์ฌ์ฉํ์ฌ ์ฌ์ดํธ ๋ฐฉ๋ฌธ์์ ์์ง์์ ์ถ์ ํ๋ ์์ ๋ฅผ GitHub ์ ๊ฒ์ํ์ต๋๋ค.
Ian์ด ์ ๊ณตํ๋ ์ฝ๋๋ฅผ ์ฌ์ฉํ๋ฉด ๊ณต์ ์ธ์ด๋ฅผ ์ฌ์ฉํ์ฌ ๋ฌธ์์ ๋ชจ์์ ์ค๋ช
ํ๊ณ ์ฌ์ฉ์์ ๋ํ ํน์ ์ ๋ณด(๊ธฐ๊ธฐ์ ํ๋ฉด ํด์๋, ๋ธ๋ผ์ฐ์ (๋๋ ์์ง) ์ ํ, ์ง์ ๋ ๊ธ๊ผด์ ์กด์ฌ ์ฌ๋ถ ๋ฑ)๋ฅผ ์์งํ ์ ์์ต๋๋ค. ๋. ์ฌ์ฉ์๊ฐ ๋ฐ๋ผ๊ฐ๊ฑฐ๋ ์ปค์๋ฅผ ์ด๋ํ ๋งํฌ๋ฅผ ์ถ์ ํ๋ ๊ฒ๋ ๊ฐ๋ฅํฉ๋๋ค. ํ์ด์ง ๋ฐฐ๊ฒฝ์ ์๋ ๋ณด์ด์ง ์๋ ํ๋ ํ
์ด๋ธ์ ์ฌ์ฉํ๋ฉด ํ๋ฉด์์ ๋ง์ฐ์ค๋ฅผ ์์ง์ด๋ ํน์ฑ์ ์๋ณํ ์ ์์ต๋๋ค. ๊ทธ๋ฌ๋ ์์ ๋ฐฉ๋ฒ์ ์ฌ์ฉํ๋ฉด ์ฌ์ฉ์๊ฐ ํด๋น ํ์ด์ง๋ฅผ ์ฒ์ ๋ฐฉ๋ฌธํ๊ฑฐ๋ ์จ๊ฒจ์ง ํ
์ด๋ธ์ ํน์ ์
์์ ๋ง์ฐ์ค๋ฅผ ์ฌ๋ ค๋์ ๊ฒฝ์ฐ์๋ง ๋ฐ๋ณต๋๋ ์์
์ด ๊ณ ๋ ค๋์ง ์์ผ๋ฏ๋ก ์ถ์ ์ ์ฌ์ฉํ ์ ์์ต๋๋ค. ์ฌ๊ธฐ์ ๋ฉ์๋์ ์๋์ ํ์ธํ ์ ์์ต๋๋ค . ์ด ๋ฐฉ๋ฒ์ ์ฌ์ฉํ๋ ค๋ฉด URL(โfoo.barโ)์ ์ฌ์ฉํ์ฌ ์ธ๋ถ ์์ค์ ์ด๋ฏธ์ง๋ฅผ CSS์ ์ถ๊ฐํ ์ ์์ต๋๋ค. ์ด๋ฏธ์ง ๋์ ๋ฆฌ์์ค๊ฐ ํ์ํ ๋๋ง ๋ก๋๋๋ฏ๋ก ์ปฌ๋ ํฐ ์คํฌ๋ฆฝํธ์ ๋ํ ๋งํฌ๋ฅผ ์ง์ ํ๊ณ ๋งํฌ๋ฅผ ํด๋ฆญํ๊ฑฐ๋ ๋งํฌ ์๋ก ๋ง์ฐ์ค๋ฅผ ์ด๋ํ๋ ๋ฑ์ ์ด๋ฒคํธ์ ๋ฐ์ธ๋ฉํ ์ ์์ต๋๋ค. ๋ฐ๋ผ์ ์ฌ์ฉ์๊ฐ ๋งํฌ๋ฅผ ํด๋ฆญํ ๋ ํน์ URL์ ํธ๋ฆฌ๊ฑฐํ๋ ์ ํ๊ธฐ๋ฅผ CSS์์ ๋ง๋ค ์ ์์ต๋๋ค.
# link2 : active :: after {
content : url ( " track.php? action = link2_clicked " );
}
๋ธ๋ผ์ฐ์ ์ ํ ๊ฐ์ง๋ @supports ๊ท์น์ ๊ธฐ๋ฐ์ผ๋ก ํฉ๋๋ค . ์ฌ๊ธฐ์ -webkit-appearance์ ๊ฐ์ ๋ธ๋ผ์ฐ์ ์ ์ผ๋ถ CSS ์์ฑ์ ํ์ธํด์ผ ํฉ๋๋ค.
@supports ( -webkit-appearance : none ) {
#chrome_detect :: after {
content : url ( " track.php? action = browser_chrome " );
}
}
OS๋ง๋ค ๋ค๋ฅธ ๊ธ๊ผด(์: Windows์ "Calibri")์ ์ ์กํ๋ฏ๋ก ๊ธ๊ผด์ ์ฌ์ฉํ์ฌ ์ฌ์ฉ์์ OS๋ฅผ ํ์ธํ ์ ์์ต๋๋ค. ๊ธ๊ผด์ ์ ์ํ๋ ค๋ฉด ๋ฐ์ดํฐ ์์ง ์คํฌ๋ฆฝํธ๊ฐ ๋ ๋ก๋ ์์ค์ธ ์ ๊ธ๊ผด ๋ชจ์์ ๋ง๋ค์ด์ผ ํฉ๋๋ค. ๋ค์์ผ๋ก, ํ
์คํธ ๋ธ๋ก์์ ํ
์คํธ ์ค์ธ ๊ธ๊ผด์ด ๋จผ์ ํ์๋๊ณ ์ ๊ณ์ด์ ๊ธ๊ผด์ด ๋ ๋ฒ์งธ๋ก ํ์๋ฉ๋๋ค. ๋ค์์ผ๋ก ํ
์คํธ๋ ๊ธ๊ผด์ ์คํ์ผ์ ์ง์ ํ๋ ค๊ณ ์๋ํฉ๋๋ค. ์ฒซ ๋ฒ์งธ ๊ธ๊ผด์ด ์์ผ๋ฉด ๋ ๋ฒ์งธ ๊ธ๊ผด์ ๋ฌด์๋ฉ๋๋ค. ๊ทธ๋ฌ๋ ํ์ธํ ๊ธ๊ผด์ด ์์ผ๋ฉด ๋ธ๋ผ์ฐ์ ๋ ๋์ฒด ๊ธ๊ผด๋ก ๋๋ฏธ ๊ธ๊ผด์ ์ฌ์ฉํ๋ ค๊ณ ์๋ํ๊ณ ์ธ๋ถ ์คํฌ๋ฆฝํธ์ ์์ฒญ์ ๋ณด๋
๋๋ค.
@ font-face {
font-family : Font1;
src : url ( " track.php? action = font1 " );
}
# font_detection1 {
font-family : Calibri, Font1;
}
๋ฉ์๋๋ฅผ ์ฌ์ฉํ ํ ๊ฒฐ๊ณผ๊ฐ ์๊ฑฐ๋ PHP ๊ฒฝ๊ณ ๊ฐ ๋ํ๋๋ฉด ์ด๋ ์์ฑ ๊ฐ์ด false์ด๊ฑฐ๋ ์ฌ์ฉ์๊ฐ ์์ง ํ์ด์ง/๋งํฌ๋ฅผ ๋ฐฉ๋ฌธํ์ง ์์์์ ์๋ฏธํฉ๋๋ค.
GO TO FULL VERSION