Кросс-браузер орналасу, іздеу жүйелерін «тартады»

құрылған сайт оның тиімділігін тұрғысынан маңызды болған кезде айқас шолғыш орналасу болып табылады. Бұл не? ол қалай жасауға болады? Қандай кедергілерден бар?

кросс-браузер орналасу дегеніміз не?

HTML / CSS - Сайт жасау үшін негіз болып табылады. Көптеген веб қағидаты бойынша осы үшін қолайлы болып табылады: Мен жақсы сезінемін, - ал бұл жеткілікті. Және қалай қайғылы сіз веб-шолғышта немесе ұялы құрылғыдан келіп кезде, және сайт дұрыс көрсетпейді. Мұндай жағдайларда, көмек адаптивті дизайн және ресімдеу кросс-браузер келеді.

, Бұл жағдайда барлық жүзеге асырылып, ол арқылы негізін, CSS және HTML. Кейбір жағдайларда, осы мақсат үшін JavaScript тартылуы мүмкін. Бірақ түпкі мақсаты сол - барлық түрлі нұсқаларында жұмыс істеді, көз жеткізу үшін. Сіз сайт ақ барлық браузерлерде көрсетіледі, сондықтан, кросс-браузер үйлесімділігін қамтамасыз ету үшін қажет болса Сондықтан, ол сайтта жұмысының бірінші кезден бастап, барлық уақытта ойлану керек.

жалпы өтуге

Осылайша, кросс-браузер орналасуын қалай жасауға қарайық. Бастапқыда сайты жұмыс істейтін болады, оның бағдарламаларын анықтау керек. бұл керемет күрделілігі болып табылады - екі жүз жақын веб-браузерлер, саны, сондықтан барлық ұнады көріңіз екенін ескеріңіз. Сондықтан, сіз осындай Яндекс Metrika және қызметтерді пайдалануға және қолдай алады, қандай көңіл үшін, шешім қабылдауға үшін 3-тен 8-ге дейін бірқатар таңдай Google Analytics. Осыдан кейін сіз проблема кросс-шолғышты жету үшін шешілетін болады қалай білуге тиіс.

Көптеген адамдар хаки олардың банктік істеу. тек белгілі бір браузерді түсінеді Бұл арнайы кодтары, селекционер-мен ережелер. Бірақ, сіз түрлі браузерлердің және браузер нұсқаларын өндірме, кем дегенде бірнеше ондаған жазу бар екенін ескере отырып, көптеген, өйткені оның жоғары құны, ұзақтығы және иррационал осындай көзқарасты лақтырады. Кейбір осындай жолмен көрсетіледі осы баптардың, пайдалану сүйенеді. Бірақ, сонымен қатар жиі маңызды бірқатар артықшылықтары жоғалған. көп параллель және бейімдеу дизайн пайдалана отырып, шығындарды азайту үшін. Бұл не?

жауап дизайн

сайт резеңке болып табылатын веб-, орналасуы Бұл тәсіл, яғни, әр түрлі бейнебет өлшемдері мен браузерлерге бейімдеу сол болып табылады. Ол адаптивті жобалау және кросс-шолғыш үйлесімділігі тығыз атап өткен жөн, және олар туралы бір нәрсе айтуға кезде, ол әдетте екінші көздейді. жылдам мысалы қарайық.

Опера және Opera Mini сияқты кейбір браузерлер бар. на мобильных телефонах. Бірінші жұмыс үстелі компьютерлерінде пайдаланылатын, және екінші - ұялы телефондарда. Жалпы олар ұқсас, бірақ ерекшеліктері бірқатар бар. Мұндай жағдайларда, ол жеке файлдар мен / немесе медиа сұрау пайдалануды қосу үшін маңызды болып табылады. Бұл не? Бірінші жағдайда, ол нақты браузерді жұмыс істеуге ұмтыламыз бөлек файлды жасайды және олардың міндеті тіркейді. Екінші жағдайда, сіз медиа сұрау файлын керек. Егер бағдарлама қалаған конфигурация жүктелген файлдың нақты талаптарды қанағаттандырса, онда.

Мен не істеуім керек?

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

Ол 800rh мөлшерінде орнатылған ені. 1600rh экранда бұл өте тартымды болады. Бірақ 700rh ол күлкілі көрінеді. Бұл жағдайда не істеу керек? Сіз пиксель өлшемін және пайыздық көрсеткішті белгілеу мүмкін емес! Ал жазу тұрақты ұзындығы болуы, және экранның жарты ені емес болады, ұстап тұрыңыз. пайыздық орнатуға болады және қашықтық нақты элементі экранның шетіне орналастырылады, онда. Бірақ бұл жерде экран тым кішкентай болса, не істеу керек екен?

ол 300 пиксел делік? Бұл жағдайда, біз Тіркелу енін фиксинг қажет медиа сұрауын көмектеседі. ол 700rh тең және одан кем болса, ол белгісі орындық 75% алады, бұл орнатуға болады. ені 300 пиксель аз немесе тең болса, ол әшкерелеп, 100% болады. тұтас тақырып өте қызықты және пайдалы болып табылады, сондықтан ол өте егжей-тегжейлі зерттелді болады. Бірақ, өкінішке орай, жоқ кітап туралы ақпарат болып табылады, және жұмыс істемейді бапта барлығын орнына қойды.

Неге бейімді кросс-браузер орналасу іздеу жүйесін тартады?

Ал жауап өте қарапайым: ол әзірлеушілер сайты орындаңыз және оны пайдаланушылар үшін мүмкіндігінше жағымды жасауға көрсеткендей, өйткені. Бұл, мысалы, адам оларға іздеу жүйелерінде жоғары лауазымдарды беру арқылы ынталандырылады болады дегенді білдіреді. Әрине, сіздің сайт дереу топ-1 пайда болады, бірақ басқа да факторларды ұштастыра отырып, осы қатты артады. Бұл жай ғана пайдасыз талап бірақ сонша назар аударылады лайық нәрсе емес екенін атап өткен жөн.

Өйткені, тек ойлаймын: ол сыртқы түрі өте жағымды болып табылмайтын сайтында алады пайдаланушы қандай? Бірақ ол іздеу жүйесі төмен сапалы мазмұнды ұсынады деп жорамалдауға келуі мүмкін! Сондықтан, олар ұсынылуы тиіс сайттар сондықтан мұқият таңдалады. компьютер, ноутбук, планшет, смартфон немесе ұялы телефон: олар адам кез келген аппараттық қажетті ақпаратты алу мүмкіндігіне ие болады, ол мазмұн үшін жоғары сапалы қабығын, өйткені бұл Оған қоса зейнетақы жоспары бойынша вебмастерге, сондай-ақ бар. Тиісінше, көп риза келушілер, тез өсіп келе жатқан сайт және табыс деңгейі.

қорытынды

бұл өте ұзақ және тынымсыз, оңай емес - Ол жауап дизайнымен кросс-браузер сайттың құру екенін қарапайым фактіні атап мүмкін емес. Сондықтан ол шыдамды болуы және бұл тәртіпті есте сақтау қажет - ол ұлы нәрсе! Мүмкін нәрсе бастапқыда дұрыс баруға болады, бірақ біз шегінуге түрлі тәсілдерді пайдалану және емес, ақпарат іздеп көріңіз керек. Ал содан кейін оның келушілерге көрсету ғанибет болады веб-сайт жасауға алуға ұмытпаңыз.