Стильден тыс мазмұнның жарқылы - Flash of unstyled content

Википедияның негізгі парағын жүктеу кезінде FOUC.

A стильден тыс мазмұнның жарқылы (FOUC, сонымен қатар мәтіннің жарқылы)[1][2] бұл веб-парақ сыртқы жүктелместен бұрын шолғыштың әдепкі стильдерімен қысқа мерзімде пайда болатын данасы CSS стилі, байланысты веб-шолғыш барлық ақпарат алынғанға дейін бетті көрсету. Парақ стиль ережелері жүктеліп, қолданыла салысымен өзін түзетеді; дегенмен, ауысым алаңдаушылық тудыруы мүмкін. Осыған байланысты проблемалар жатады көрінбейтін мәтіннің жарқылы (FOIT) және жалған мәтіннің жарқылы (FOFT).[1][2]

Техникалық ақпарат

Мәселе «Стильсіз мазмұнның жарқылы» атты мақалада жазылған.[3] Алдымен FOUC браузерге ғана тән проблема болып көрінді Internet Explorer бірақ кейінірек басқа браузерлерде белгілі болды,[4][5] және содан бері «а Сафари эпидемия».[6]

FOUC өзгерістерге немқұрайлы қарайды CSS немесе HTML нұсқалары. Мәселе браузерде бағдарламаланған басымдықтар жиынтығынан туындайды.[дәйексөз қажет ] Браузер HTML мен түзетулерде сілтеме жасалған барлық қосымша файлдарды жинайтын болғандықтан, шолғыш Құжат нысанының моделі ұшу кезінде. Браузер алдымен мәтінді көрсетуді таңдай алады, ол оны тезірек талдай алады.

HTML парақтары бірнеше стиль парағына сілтеме жасауға ыңғайлы болғандықтан, FOUC кең таралған. Веб-беттерде браузер экранынан басқа медиа құралдарына стиль сілтемелері жиі кездеседі, мысалы, принтерлер мен мобильді құрылғыларға арналған CSS ережелері. Веб-беттер стиль файлдарының қабаттарын импорттай алады және балама стиль парақтарына сілтеме жасай алады. Интернеттегі жарнамалар және басқа сайттан тыс мазмұн, мысалы, бейнелер мен іздеу жүйелері, өздерінің кодтар блогында өздерінің стиль ережелерін жиі айтады. CSS ережелерінің каскадтық сипаты кейбір браузерлерде оны қолданар алдында барлық стиль деректері жиналғанша күтуге шақырады.

Келуімен JavaScript кітапханалары сияқты jQuery веб-парақтың стилін одан әрі анықтау және қолдану үшін қолдануға болатын FOUC танымал болды. Стильделмеген мазмұннан аулақ болу үшін, алдыңғы өңдеушілер барлық мазмұнды толығымен жүктелгенге дейін жасыруды таңдай алады, сол кезде жүктеу оқиғаларын өңдеуші іске қосылып, мазмұн пайда болады.

FOUC-ге еліктеу үшін, әзірлеушілер веб-парақтың CSS-ті жылдам өшіруге қабілетті браузердің қондырмаларын қолдана алады. Firebug және Async CSS - осындай қондырмалар.

2016 жылға қарай дисплейдегі жағымсыз қылықтардан аулақ болу үшін бірнеше түрлі әдістер жасалды,[2] көрсету мінез-құлқындағы өзгеріс Google Chrome 50 нұсқасы, мұнда JavaScript енгізген стильдер парағының жүктелуіне тыйым салынады HTML5 Ерекшеліктер веб-сайт жасаушылардың назарын осы жағдайға әкелді, әсіресе пайдаланушыларға әсер етті Типекит, а веб типография өнім Adobe Systems.[1] 2 ай ішінде Adobe қалаусыз көрсету әрекетін болдырмау үшін олардың қаріптерін үшінші тарап веб-сайттарына енгізу тәсілін өзгертті.[7]

Әдебиеттер тізімі

  1. ^ а б c Тим Браун (3 маусым 2016). «Chrome 50 жүйесіндегі мәтіннің жарқылына қатысты». Adobe Typekit блог. Adobe Systems. Алынған 9 тамыз 2016.
  2. ^ а б c Крис Койье (1 сәуір 2015). «FOIT, FOFT». CSS Tricks. Алынған 9 тамыз 2016.
  3. ^ «Стильсіз мазмұнның жарқылы (FOUC)». Көк робот. 2001. мұрағатталған түпнұсқа 2015 жылғы 13 мамырда. Алынған 12 қазан 2012.
  4. ^ «Стильсіз мазмұнның жарқылы (FOUC)». Bugzilla @ Mozilla. Алынған 14 қазан 2016.
  5. ^ «FOUC бар хром қателері'". bugs.chromium.org. Алынған 14 қазан 2016.
  6. ^ Dave Hyatt (2006 жылғы 1 қыркүйек). «FOUC проблемасы». Surfin 'Safari. WebKit ашық көзі жобасы. Алынған 16 қазан 2012. FOUC проблемасы әдетте болмашы жағдайға айналуы мүмкін. Алайда келуімен Google AdSense, FOUC а болды Сафари эпидемия. Бұл Google жарнамалары тек кірістірілген сценарийді орындап қана қоймай, сонымен қатар олар бетте жиі қолданылмайтын орналасу туралы ақпаратқа қол жеткізетіндіктен, FOUC проблемасы қажет болғаннан әлдеқайда күрделі.
  7. ^ Брам Стейн (28 шілде 2016). «Typekit-те қызмет көрсететін веб-қаріпке өзгерістер». Adobe Typekit блог. Adobe Systems. Алынған 9 тамыз 2016.