Permainan ini menggunakan ciri moden pelayar anda. Konsep pelayar, jenisnya

Bagi mereka yang terus memahami Internet dan apa yang berkaitan dengannya, hari ini kita akan bercakap tentang apa itu pelayar, apa yang diperlukan, dan juga menjalankan analisis kecil pelayar Internet yang paling popular hari ini.

Apakah pelayar dan apakah fungsi yang dilakukannya?Pelayar (pelayar WEB) ialah program yang membolehkan anda melihat tapak Internet pada peranti komputer dan gajet. Intipati penyemak imbas adalah untuk memproses permintaan pengguna dan memuatkan tapak yang dimintanya. Sekarang mari kita lihat secara ringkas fungsi yang dilakukan oleh penyemak imbas.

Seperti yang dinyatakan di atas, fungsi utama pelayar adalah untuk membuka halaman web tapak. Halaman web itu sendiri terdiri daripada kod, yang sebenarnya diterima oleh penyemak imbas daripada pelayan di mana tapak itu berada. Penyemak imbas memproses kod ini, dan anda melihat "gambar siap" pada monitor anda. Untuk melihat apakah tapak itu sebenarnya, klik kanan, contohnya, di suatu tempat di bahagian sisi tapak dan pilih item dalam menu konteks yang muncul "Lihat kod sumber" (atau "Kod sumber halaman", atau sesuatu. seperti itu). serupa). Kod sumber yang betul adalah sangat penting untuk penyemak imbas, kerana paparan halaman tapak yang mencukupi dan prestasi fungsinya bergantung padanya.

Penyemak imbas membenarkan anda menyimpan kata laluan anda daripada tapak supaya setiap kali anda mengakses akaun anda pada sumber tertentu, anda tidak perlu memasukkan semula nama pengguna dan kata laluan anda. Semua pelayar juga menyimpan sejarah lawatan anda ke pelbagai tapak, supaya jika perlu, anda boleh mencari tapak yang anda lawati sebelum ini. Nah, perkara terakhir yang perlu diperhatikan dari fungsi utama penyemak imbas ialah keupayaan untuk menyimpan tapak dalam penanda halaman untuk menghafalnya dan akses cepat.

Selain membuka halaman web itu sendiri, penyemak imbas membenarkan anda memuat turun fail dari tapak, iaitu, penyemak imbas memuat turunnya. Ini boleh menjadi program, permainan, muzik dan fail lain.

Pelayar moden sangat menyokong pelbagai alat tambah. Alat tambah ini mungkin termasuk: sambungan fungsi penyemak imbas, pemberi maklumat daripada pelbagai sumber, serta alat tambah dalam bentuk tema visual untuk penyemak imbas itu sendiri. Mari lihat mereka dengan lebih terperinci:

  • Sambungan. Contoh jelas sambungan penyemak imbas ialah sambungan daripada program antivirus: modul penyemakan anti-sepanduk dan pautan, yang melindungi pengguna daripada pengiklanan yang mengganggu dan juga menyemak pautan dan tapak berbahaya.

  • Pemberi maklumat. Pemberi maklumat juga dibuat dalam bentuk sambungan. Seperti namanya, "pemberi maklumat" memaklumkan. Pemberi maklumat yang paling popular ialah pemberi maklumat cuaca, pemberi maklumat tentang ketibaan mel baharu, mesej, dsb.

  • Tema visual. Tema visual membolehkan anda menukar reka bentuk penyemak imbas: tab, butang, imej latar belakang dan elemen lain.

Perlu diingat bahawa anda boleh memasang bilangan pelayar yang tidak terhad pada komputer anda, dan salah satu daripadanya mestilah yang utama - penyemak imbas lalai. Pelayar lalai ialah penyemak imbas yang dipasang sebagai pelayar utama dalam sistem pengendalian; semua pautan dan perkhidmatan yang anda pergi dari program lain akan dibuka melaluinya.

Sekarang mari kita lihat penyemak imbas paling popular hari ini.

Apakah penyemak imbas yang wujud? Amat sukar untuk mengira jumlah pelayar hari ini. Di bawah ini kami ingin melihat lima pelayar teratas yang digunakan oleh kebanyakan pengguna Internet.


pelayar Internet Explorer

Internet Explorer ialah pelayar standard yang disertakan dengan sistem pengendalian Windows. Iaitu, anda akan segera boleh mengakses Internet melalui Internet Explorer. Kami menamakan Internet Explorer dahulu bukan kerana ia paling popular atau terbaik, tetapi kerana pada mulanya semua orang menggunakannya, sekurang-kurangnya untuk memuat turun pelayar lain. Ya, dengan cara ini, terdapat jenaka pada banyak sumber komputer Internet: "Internet Explorer ialah program yang anda boleh memuat turun penyemak imbas yang baik."

Ya, terdapat beberapa kebenaran dalam setiap jenaka, dan seperti yang anda faham, jenaka ini muncul atas sebab tertentu. Hakikatnya ialah Internet Explorer (IE) pada pendapat kami bukanlah pilihan pelayar terbaik. Pertama, ia sangat perlahan dan kelambatannya bukan sahaja terletak pada pengendalian program itu sendiri, tetapi juga pada halaman pembukaan. Kedua, IE membuka halaman web itu sendiri secara tidak betul, seperti yang mereka katakan dalam bahasa biasa - "bengkok". Di samping itu, Internet Explorer ialah penyemak imbas yang sangat tidak berfungsi, dan yang paling penting, versi yang dikemas kini tidak membawa apa-apa yang sangat baru dan tidak mempunyai sedikit pun. IE tidak mempunyai sokongan integrasi sambungan dan tidak menyokong tema visual, yang menjadikannya agak terpinggir hari ini.

Pelayar Internet Explorer digunakan terutamanya oleh pemula yang tidak tahu, tidak faham, atau tidak benar-benar mendalami konsep tentang apa itu pelayar dan apakah pelayar lain selain IE. Dalam kebanyakan kes, pengguna yang telah mencuba penyemak imbas lain tidak pernah menggunakan Internet Explorer lagi, itulah sebabnya kami mengesyorkan memasang pelayar lain atau lebih tepatnya penyemak imbas yang baik.

Internet Explorer tidak memerlukan pemasangan kerana ia disepadukan ke dalam sistem pengendalian Windows.


penyemak imbas Google Chrome

Pelayar yang paling popular di wilayah bekas USSR ialah penyemak imbas yang dipanggil "Google Chrome" (Rusia). Chrome ialah penyemak imbas daripada Google yang bukan sahaja penyemak imbas popular, tetapi juga mungkin yang terbaik. Ngomong-ngomong, Chrome adalah pelayar yang agak muda, tetapi pada masa yang sama, selama beberapa tahun kewujudannya, ia telah memenangi sekumpulan besar peminat.

Mungkin kelebihan pertama penyemak imbas ini ialah "ringannya", yang terdiri daripada operasi pantas kedua-dua program itu sendiri dan pembukaan cepat halaman laman web. Pelayar WEB ini difikirkan dengan baik dan oleh itu sangat mudah digunakan. Sebilangan besar fungsi juga merupakan titik kuat penyemak imbas Google Chrome. Mari kita lihat ciri fungsi Chrome secara berasingan.

Pada pendapat kami, kelebihan fungsi Google Chrome yang paling penting ialah penyegerakan kata laluan dan penanda halaman dalam penyemak imbas dengan pelayan Google, dengan itu, dengan memasukkan log masuk dan kata laluan anda, anda akan mempunyai akses kepada penanda halaman dan kata laluan anda selepas memasang semula sistem atau pada alat anda yang lain. Ini sangat mudah, kerana, sebagai contoh, apabila memasang semula sistem, tidaklah sukar untuk memasangnya semula kerana sukar untuk mengingati semua tapak yang anda lawati dan kata laluan kepada mereka. Dan dengan Chrome, anda hanya perlu log masuk ke Google dan semua penanda halaman dan kata laluan anda akan dipulihkan. Juga antara ciri fungsi Chrome, perlu diperhatikan keupayaan untuk memasang sambungan dan menukar gaya reka bentuk, yang mana terdapat sejumlah besar di Kedai Dalam Talian Chrome, dan secara percuma. Nah, perkara terakhir yang perlu disebutkan ialah bar alamat pintar, iaitu, dalam bar alamat (dalam medan di mana anda memasukkan alamat tapak), anda boleh memasukkan pertanyaan carian - ia universal dan mudah.

Untuk memuat turun penyemak imbas Chrome ke komputer anda, pergi ke: “google.com/intl/ru/chrome”.


Pelayar Mozilla Firefox

Pelayar seterusnya yang ingin kami pertimbangkan ialah Mozilla Firefox. Pelayar Mozilla Firefox telah wujud selama kira-kira 10 tahun dan merupakan salah satu pelayar lama dalam kalangan pelayar web. Mozilla Firefox digunakan terutamanya oleh juruweb dan pengguna lanjutan kerana paparan halaman laman web yang betul dan betul.

Antara ciri fungsi Mozilla, ia patut diserlahkan kehadiran sejumlah besar pemalam (sambungan), yang jumlahnya jauh melebihi julat sambungan dalam Chrome. Di samping itu, Mazil Firefox mempunyai keupayaan untuk menukar gaya visual pelayar, yang juga merupakan kelebihan.

Walaupun semua ini, Mozilla Firefox adalah pelayar yang agak "berat". Berbanding dengan penyemak imbas lain, ia mengambil masa lebih lama untuk dilancarkan, dan kadangkala membeku dan perlahan, walaupun pada komputer yang cukup berkuasa. Jika kita membandingkan Mozilla Firefox dengan Chrome yang disebutkan di atas, maka kelemahan yang pertama ialah kekurangan penyegerakan penanda halaman dan kata laluan. Oleh itu, jika tidak ada keperluan khusus untuk menggunakan Mazila, maka lebih baik tidak menggunakannya sebagai pelayar utama.

Anda boleh memuat turun pelayar Mozilla Firefox dari laman web rasmi penyemak imbas: “mozilla-russia.org”.


penyemak imbas Opera

Pelayar Opera adalah yang lebih tua dalam kalangan pelayar, yang telah wujud selama hampir 20 tahun. Pelayar Opera agak ringan dan mudah. Antara ciri berfungsi, kami boleh menyerlahkan sokongan untuk widget dan pemalam, tetapi ia tidak digunakan secara meluas. Perlu diperhatikan fungsi Turbo, yang membolehkan anda memuatkan halaman lebih cepat dengan sambungan Internet yang perlahan atau menjimatkan trafik dengan memampatkannya, tetapi, sebagai peraturan, hari ini fungsi ini relevan untuk pemilik komputer riba pada pelan Internet 3G terhad.

Menganalisis penyemak imbas Opera, adalah mustahil untuk mengatakan apa-apa yang buruk mengenainya, tetapi sukar juga untuk memilih sesuatu yang baik. Pada pendapat kami, Opera tidak mempunyai karisma tertentu yang akan menyerlahkannya dalam kalangan pelayar di atas, seperti Mozilla Firefox dan Google Chrome.

Anda boleh memuat turun penyemak imbas Opera dari halaman utamanya: "opera.com/ru".


Dan akhirnya, kita harus mengatakan tentang penyemak imbas kelima, yang pada pendapat kami layak mendapat tempatnya dalam lima teratas kami. Pelayar Yandex adalah yang terakhir dalam senarai kami, tetapi bukan yang paling penting. Walaupun yang pertama disebut adalah Internet Explorer, ia jauh daripada peneraju, dan mungkin juga orang luar dalam senarai penyemak imbas teratas kami.

Bagi pelayar Yandex, ini adalah pelayar termuda yang dibangunkan oleh Yandex. Penyemak imbas ini baru sahaja wujud selama kira-kira setahun, tetapi di sebalik kebaharuannya, ia dengan cepat mendapat khalayaknya. Mungkin Yandex mahukan sesuatu yang lebih serius daripada menyepadukan Yandex.Bar (tambahan dengan perkhidmatannya) secara mengganggu ke dalam penyemak imbas lain, jadi pembangun syarikat memutuskan untuk mencipta penyemak imbas sepenuhnya mereka sendiri. Agak sukar untuk memanggil Yandex.Browser sebagai "milik kami", kerana ia adalah Chrome yang sama, dengan reka bentuk yang direka semula sedikit dan beberapa fungsi yang dilaksanakan secara tambahan. Satu ciri tambahan tersebut ialah ciri Turbo, yang dipinjam daripada pelayar Opera. Mari analisa Yandex.Browser dengan lebih terperinci.

Pelayar Yandex dibuat pada enjin yang sama seperti Chrome, jadi ia mempunyai rupa yang serupa dan fungsi yang serupa. Versi baharu Pelayar Yandex kini membolehkan anda menyegerakkan kata laluan dan penanda halaman anda dengan pelayan Yandex. Pelayar Yandex juga membolehkan anda memasang sambungan, tetapi ia mesti dipasang secara manual, kerana Yandex tidak mempunyai kedai sendiri untuk memuat turun alat tambah. Perlu diingat bahawa adalah mungkin untuk menetapkan imej latar belakang, tetapi, malangnya, tidak ada keupayaan untuk menukar latar belakang bar navigasi dalam penyemak imbas. Tetapi terdapat "Papan Skor" yang mudah - panel dengan ikon tapak web untuk membukanya dengan cepat, yang sangat asli dan mudah. Anda juga boleh perhatikan keupayaan untuk mencari pertanyaan dalam enjin carian yang berbeza daripada "garisan pintar" penyemak imbas ini dengan memilih enjin carian yang dikehendaki di bawah.

Untuk meringkaskan, kami dengan yakin boleh mengatakan bahawa Yandex.Browser adalah sama seperti Chrome, tetapi lebih tertumpu kepada pengguna berbahasa Rusia yang tinggal di CIS. Jika anda memutuskan untuk mengalih keluar Yandex.Browser, maka .

Untuk memuat turun penyemak imbas dari Yandex, pergi ke halaman rasminya: "browser.yandex.ru".

Penyemak imbas yang mana untuk dipilih? Adalah salah untuk memberikan jawapan yang jelas dan kategorikal kepada soalan: penyemak imbas yang mana untuk dipilih. Setiap penyemak imbas mempunyai kelebihan dan kekurangannya sendiri, serta ciri-cirinya sendiri, jadi bagi setiap pengguna, pelayar "mereka sendiri" adalah yang terbaik. Sebagai contoh, sesetengah orang lebih suka penyemak imbas Chrome kerana kesederhanaannya, penyepaduan kata laluan dan penanda halaman dengan Google, dan yang lain lebih suka Mozilla Firefox kerana sejumlah besar alat tambah yang berbeza. Walaupun fakta bahawa penyemak imbas semuanya sama dalam struktur, mereka mempunyai perbezaan visual mereka sendiri, yang membezakannya dengan ketara antara satu sama lain. Untuk menentukan penyemak imbas mana yang hendak dipilih dan yang mana yang terbaik untuk anda, anda perlu mencuba kesemuanya untuk membuat keputusan ini sendiri.

Penyemak imbas anda mungkin tidak menyokong fungsi dalam artikel ini.

ForEach.call(document.querySelectorAll("header .date a"), function(elem, i) ( elem.textContent += " (" + ["author","editor"][i] + ")"; ) );

Mukadimah

Panduan terperinci untuk kerja dalaman WebKit dan Gecko ini adalah hasil penyelidikan yang meluas oleh pengaturcara web Israel Tali Garciel. Dia menghabiskan beberapa tahun menjejaki semua maklumat yang diterbitkan tentang cara pelayar berfungsi (lihat bahagian), dan menumpukan banyak masa untuk menganalisis kod sumber mereka. Inilah yang ditulis oleh Tali sendiri:

Apabila 90% komputer telah memasang IE, kami terpaksa menerima bahawa ia adalah kotak hitam yang misteri, tetapi kini lebih separuh daripada pengguna memilih penyemak imbas sumber terbuka, tiba masanya untuk mengetahui apa yang tersembunyi di dalamnya, dalam berjuta-juta baris kod perisian dalam C++... Tali menerbitkan hasil kajian di tapak webnya, tetapi kami percaya ia patut mendapat perhatian daripada khalayak yang lebih luas, jadi kami menyiarkannya di sini dengan beberapa singkatan.

Pembangun web yang biasa dengan kerja dalaman penyemak imbas membuat keputusan yang lebih baik dan memahami sebab alatan tertentu harus dipilih. Ini adalah dokumen yang agak panjang, tetapi kami mengesyorkan membacanya dengan teliti yang mungkin dan menjamin bahawa anda tidak akan menyesalinya. Paul Irish, Perhubungan Pembangun Chrome

pengenalan

Pelayar web mungkin merupakan aplikasi yang paling biasa. Dalam tutorial ini saya menerangkan cara ia berfungsi. Kami akan melihat dengan lebih dekat apa yang berlaku dari saat anda menaip google.ru dalam bar alamat sehingga halaman Google muncul pada skrin anda.

Penyemak imbas manakah yang akan kami pertimbangkan?

Hari ini terdapat lima pelayar utama: Internet Explorer, Firefox, Safari, Chrome dan Opera. Contoh menggunakan penyemak imbas sumber terbuka: Firefox, Chrome dan Safari (sebahagian sumber terbuka). Menurut statistik penggunaan penyemak imbas di laman web StatCounter, setakat Ogos 2011, pelayar Firefox, Safari dan Chrome telah dipasang pada sejumlah 60% peranti. Oleh itu, pelayar sumber terbuka mempunyai kedudukan yang sangat kukuh hari ini.

Fungsi pelayar asas

Tujuan utama pelayar adalah untuk memaparkan sumber web. Untuk melakukan ini, permintaan dihantar ke pelayan, dan hasilnya dipaparkan dalam tetingkap penyemak imbas. Sumber biasanya merujuk kepada dokumen HTML, tetapi ia juga boleh menjadi fail PDF, imej atau kandungan lain. Lokasi sumber dikenal pasti oleh URI (Uniform Resource Identifier).

Cara pelayar memproses dan memaparkan fail HTML ditentukan oleh spesifikasi HTML dan CSS. Mereka sedang dibangunkan oleh Konsortium W3C, yang melaksanakan piawaian untuk Internet.
Selama bertahun-tahun, pelayar memenuhi hanya sebahagian daripada spesifikasi, dan sambungan berasingan telah dibuat untuk mereka. Bagi pembangun web, ini bermakna masalah keserasian yang serius. Hari ini, kebanyakan penyemak imbas memenuhi semua spesifikasi pada tahap yang lebih besar atau lebih kecil.

Antara muka pengguna pelayar yang berbeza mempunyai banyak persamaan. Elemen utama antara muka penyemak imbas disenaraikan di bawah.

  • Bar alamat untuk memasukkan URI
  • Butang navigasi ke belakang dan ke hadapan
  • Penanda buku
  • Muat semula dan hentikan butang memuatkan halaman
  • Butang utama untuk pergi ke halaman utama

Anehnya, tiada spesifikasi yang mentakrifkan standard antara muka pengguna penyemak imbas. Antara muka moden adalah hasil evolusi bertahun-tahun, serta fakta bahawa pembangun sebahagiannya menyalin satu sama lain. Spesifikasi HTML5 tidak menyatakan kandungan antara muka penyemak imbas, tetapi ia menyenaraikan beberapa elemen asas. Ini termasuk bar alamat, bar status dan bar alat. Sudah tentu, terdapat juga ciri khusus, seperti pengurus muat turun dalam Firefox.

Struktur peringkat atas

Komponen utama penyemak imbas () disenaraikan di bawah.

  • Antara Muka Pengguna - termasuk bar alamat, butang belakang dan hadapan, menu penanda halaman, dsb. Ini termasuk segala-galanya kecuali tetingkap di mana halaman yang diminta dipaparkan.
  • Enjin Pelayar – mengawal interaksi antara antara muka dan modul paparan.
  • Modul paparan – bertanggungjawab untuk memaparkan kandungan yang diminta pada skrin. Contohnya, jika dokumen HTML diminta, pemapar menghuraikan kod HTML dan CSS dan memaparkan hasilnya pada skrin.
  • Komponen rangkaian - direka untuk membuat panggilan rangkaian seperti permintaan HTTP. Antara muka mereka adalah bebas daripada jenis platform, setiap satunya mempunyai pelaksanaannya sendiri.
  • Bahagian hadapan antara muka pengguna digunakan untuk memaparkan widget asas seperti tingkap dan kotak kombo. Antara muka universalnya juga bebas daripada jenis platform. Bahagian pelaksanaan sentiasa menggunakan kaedah antara muka pengguna sistem pengendalian tertentu.
  • Jurubahasa JavaScript – Digunakan untuk menghuraikan dan melaksanakan kod JavaScript.
  • Penyimpanan data – diperlukan untuk ketekunan proses. Penyemak imbas menyimpan pelbagai jenis data, seperti kuki, pada cakera keras anda. Spesifikasi HTML baharu (HTML5) mentakrifkan istilah "pangkalan data web" sebagai pangkalan data berasaskan penyemak imbas yang lengkap (walaupun ringan).
  • Melukis . Komponen pelayar asas.

    Perlu diingat bahawa Chrome, tidak seperti kebanyakan penyemak imbas, menggunakan berbilang kejadian pemapar, satu dalam setiap tab, yang merupakan proses yang berasingan.

    Modul paparan

    Seperti yang anda boleh meneka dari namanya, modul paparan bertanggungjawab untuk memaparkan kandungan yang diminta pada skrin penyemak imbas.

    Secara lalai, ia mampu memaparkan dokumen HTML dan XML, serta imej. Pemalam khas (sambungan penyemak imbas) membolehkan anda memaparkan kandungan lain, seperti fail PDF. Walau bagaimanapun, bab ini memfokuskan pada fungsi teras: memaparkan dokumen HTML dan imej yang diformat dengan gaya CSS.

    Modul paparan

    Pelayar yang kami minati (Firefox, Chrome dan Safari) menggunakan dua modul paparan. Firefox menggunakan Gecko Mozilla sendiri, manakala Safari dan Chrome menggunakan WebKit.

    WebKit ialah pemapar sumber terbuka yang pada asalnya dibangunkan untuk platform Linux dan disesuaikan oleh Apple untuk Mac OS dan Windows. Untuk maklumat lanjut, lawati webkit.org.

    Skim asas kerja

    Modul paparan menerima kandungan dokumen yang diminta melalui protokol lapisan rangkaian, biasanya dalam ketulan 8 KB.

    Gambar rajah operasi selanjutnya modul paparan kelihatan seperti berikut.

    Melukis . Skim pengendalian modul paparan.

    Penyampai menghuraikan dokumen HTML dan menterjemahkan teg ke dalam nod dalam pepohon kandungan. Maklumat gaya diperoleh daripada kedua-dua fail CSS luaran dan elemen gaya. Maklumat ini dan arahan paparan dalam fail HTML digunakan untuk mencipta pokok lain - .

    Ia mengandungi segi empat tepat dengan atribut visual seperti warna dan saiz. Segi empat tepat disusun mengikut susunan yang sepatutnya dipaparkan pada skrin.

    Selepas mencipta pokok paparan, elemen bermula, di mana setiap nod diberikan koordinat titik pada skrin di mana ia sepatutnya muncul. Kemudian ia dilaksanakan, di mana nod pokok paparan dilukis secara berurutan menggunakan bahagian pelaksanaan antara muka pengguna.

    Adalah penting untuk memahami bahawa ini adalah proses yang berurutan. Untuk kemudahan pengguna, pemapar cuba untuk mendapatkan kandungan ke skrin secepat mungkin, jadi penciptaan pepohon paparan dan reka letak boleh dimulakan sebelum menghuraikan kod HTML selesai. Sesetengah bahagian dokumen dihuraikan dan dipaparkan pada skrin, manakala bahagian lain hanya dihantar melalui rangkaian.

    Contoh kerja Rajah. Skim pengendalian modul paparan WebKit. Melukis . Skim pengendalian modul paparan Mozilla Gecko ().

    Seperti yang anda boleh lihat dari Rajah 3 dan 4, WebKit dan Gecko menggunakan terminologi yang berbeza, tetapi corak operasinya hampir sama.

    Dalam Gecko, pokok elemen berformat visual dipanggil pokok bingkai, di mana setiap elemen adalah bingkai. WebKit menggunakan pokok render yang terdiri daripada objek render. Meletakkan elemen dalam WebKit dipanggil susun atur, atau susun atur, dan dalam Gecko ia dipanggil aliran semula. Menggabungkan nod DOM dan atribut visual untuk mencipta pepohon paparan dipanggil lampiran dalam WebKit. Perbezaan kecil dalam Gecko yang tiada kaitan dengan semantik ialah terdapat satu lagi lapisan antara fail HTML dan pokok DOM. Ia dipanggil sinki kandungan dan digunakan untuk membentuk elemen DOM. Sekarang mari kita bercakap tentang setiap peringkat kerja dengan lebih terperinci.

    Penghuraian: Maklumat Am

    Memandangkan penghuraian ialah peringkat penting dalam pengendalian modul paparan, mari kita lihat dengan lebih terperinci. Mari kita mulakan dengan pengenalan ringkas.

    Menghuraikan dokumen bermakna menukarnya menjadi struktur yang boleh dibaca dan boleh dilaksanakan. Hasil penghuraian biasanya merupakan pokok nod yang mewakili struktur dokumen. Ia dipanggil pokok parse, atau hanya pokok sintaks.

    Sebagai contoh, menghuraikan ungkapan 2 + 3 – 1 boleh menghasilkan pokok seperti ini:

    Melukis . Nod pokok untuk ungkapan matematik. Tatabahasa

    Penghuraian berfungsi berdasarkan peraturan tertentu yang ditentukan oleh bahasa (format) dokumen. Setiap format mempunyai peraturan tatabahasa yang terdiri daripada kosa kata dan sintaksis. Mereka membentuk apa yang dipanggil. . Bahasa semula jadi tidak mematuhi peraturan tatabahasa bebas konteks, jadi teknik penghuraian standard tidak sesuai untuknya.

    Penganalisis dan penganalisis leksikal

    Analisis leksikal digunakan bersama dengan analisis sintaksis.

    Analisis leksikal ialah pembahagian maklumat kepada token, atau leksem. Token membentuk kamus bahasa tertentu dan merupakan elemen membina untuk mencipta dokumen. Dalam bahasa semula jadi, token ialah semua perkataan yang boleh didapati dalam kamus.

    Perkara penghuraian adalah untuk menggunakan peraturan sintaksis bahasa.

    Analisis dokumen biasanya dilakukan oleh dua komponen: penganalisis leksikal, yang menghuraikan urutan input aksara kepada token yang sah, dan penghurai, yang menganalisis struktur dokumen mengikut peraturan sintaksis bahasa tertentu dan menjana pokok sintaks. Penganalisis mengabaikan aksara tidak bermaklumat seperti ruang dan pemisah baris.

    Melukis . Peralihan daripada dokumen sumber kepada pepohon sintaks.

    Penghuraian ialah proses berulang. Penghurai biasanya meminta lexer untuk token baharu dan menyemaknya untuk melihat sama ada ia sepadan dengan mana-mana peraturan sintaks. Jika padanan dibuat, nod baharu dalam pepohon sintaks dicipta untuk token dan penghurai meminta token seterusnya.

    Jika token tidak sepadan dengan mana-mana peraturan, penghurai mengetepikan dan meminta token seterusnya. Ini berterusan sehingga peraturan didapati sepadan dengan semua token tertunda. Jika peraturan sedemikian tidak dapat ditemui, penganalisis membuang pengecualian. Ini bermakna dokumen itu mengandungi ralat sintaks dan tidak boleh diproses sepenuhnya.

    Terjemahan

    Pokok sintaks tidak selalu merupakan hasil akhir. Penghuraian selalunya digunakan dalam proses menterjemah dokumen input ke dalam format yang dikehendaki. Contohnya ialah kompilasi. Pengkompil, yang menterjemahkan kod sumber kepada kod mesin, mula-mula menghuraikannya dan membentuk pepohon sintaks, dan hanya kemudian mencipta dokumen dengan kod mesin berdasarkan pepohon ini.

    Melukis . Peringkat kompilasi. Contoh penghuraian

    Rajah 5 menunjukkan pokok sintaks berdasarkan ungkapan matematik. Mari kita takrifkan bahasa matematik asas dan pertimbangkan proses penghuraian.

    Kosa kata: Bahasa kita boleh mengandungi integer, tanda tambah dan tolak.

    Sintaks

  • Blok binaan bahasa ialah ungkapan, operan dan pengendali.
  • Bahasa boleh mengandungi sebarang bilangan ungkapan.
  • Ungkapan ialah urutan yang terdiri daripada operan, operator, dan operan lain.
  • Operator ialah token tambah atau tolak.
  • Operan ialah token integer atau ungkapan.
  • Pertimbangkan urutan input simbol 2 + 3 – 1.
    Elemen pertama yang sepadan dengan peraturan ialah 2 (mengikut peraturan #5, ini ialah operan). Elemen kedua ialah 2 + 3 (jujukan yang terdiri daripada operan, pengendali dan operan lain ditakrifkan oleh peraturan No. 3). Kami akan mencari perlawanan seterusnya pada penghujung: urutan 2 + 3 – 1 ialah ungkapan. Oleh kerana 2+3 ialah operan, kami mendapat urutan yang terdiri daripada operan, operator, dan operan lain, yang sepadan dengan takrif ungkapan. Baris 2 + + tidak sepadan dengan peraturan dan oleh itu akan dianggap tidak sah.

    Definisi formal kosa kata dan sintaksis

    Bahasa daripada contoh di atas boleh ditakrifkan seperti ini:

    INTEGER:0|* TAMBAH: + TOLAK: - Seperti yang anda lihat, integer ditakrifkan oleh ungkapan biasa.

    Sintaks biasanya diterangkan dalam format BNF. Bahasa daripada contoh di atas boleh digambarkan seperti berikut:

    Ungkapan:= operasi jangka operasi jangka:= PLUS | Istilah TOLAK:= INTEGER | ungkapan

    Seperti yang telah dinyatakan, bahasa boleh diproses menggunakan penghurai standard jika tatabahasanya tanpa konteks, iaitu, boleh dinyatakan sepenuhnya dalam format BNF. Takrif formal tatabahasa bebas konteks boleh didapati dalam rencana Wikipedia ini.

    Jenis-jenis penghurai

    Terdapat dua jenis penghurai: atas ke bawah dan bawah ke atas. Yang pertama melakukan analisis atas ke bawah, manakala yang terakhir melakukan analisis dari bawah ke atas. Penghurai atas-bawah menghuraikan struktur peringkat atas dan mencari peraturan sintaksis. Penghurai bawah ke atas mula-mula memproses urutan input aksara dan mengenal pasti secara beransur-ansur peraturan sintaksis di dalamnya, bermula dengan peraturan peringkat rendah dan berakhir dengan peraturan peringkat tinggi.

    Sekarang mari kita lihat bagaimana kedua-dua jenis penganalisis ini akan mengendalikan contoh kita.

    Penghurai atas ke bawah akan bermula dengan peraturan peringkat atas dan menentukan bahawa 2 + 3 ialah ungkapan. Ia kemudiannya akan menentukan bahawa 2 + 3 – 1 juga merupakan ungkapan (apabila ungkapan ditentukan, padanan dengan peraturan lain juga dikenal pasti, tetapi peraturan peringkat atas sentiasa dipertimbangkan dahulu).

    Penghurai bawah ke atas akan memproses urutan aksara sehingga ia menemui peraturan yang sesuai yang boleh menggantikan serpihan yang dikesan, dan seterusnya sehingga penghujung jujukan. Ungkapan dengan padanan separa kemudian diletakkan pada timbunan penganalisis.

    Apabila penganalisis sedemikian beroperasi, urutan input aksara dialihkan ke kanan (bayangkan kursor diletakkan pada permulaan jujukan dan dialihkan ke kanan semasa analisis) dan secara beransur-ansur dikurangkan kepada peraturan sintaksis. Penciptaan automatik penghurai

    Terdapat aplikasi khas untuk mencipta parser yang dipanggil generator. Ia cukup untuk memuatkan tatabahasa bahasa (perbendaharaan kata dan peraturan sintaks) ke dalam penjana, dan ia secara automatik akan mencipta penganalisis. Mencipta penghurai memerlukan pemahaman yang mendalam tentang cara ia berfungsi, dan melakukannya secara manual bukanlah semudah itu, jadi penjana boleh menjadi sangat berguna.

    DOM

    Pokok sintaks yang terhasil terdiri daripada elemen DOM dan nod atribut. DOM - Model Objek Dokumen - berfungsi untuk mewakili dokumen HTML dan antara muka elemen HTML kepada objek luar seperti kod JavaScript.
    Di akar pokok adalah objek Dokumen.

    DOM hampir sama dengan markup. Mari lihat contoh markup:

    Hai dunia

    Pokok DOM untuk markup ini kelihatan seperti ini: Rajah. Pokok DOM untuk markup daripada contoh.

    Dengan "pokok mengandungi nod DOM" kami maksudkan bahawa pokok itu terdiri daripada elemen yang melaksanakan salah satu antara muka DOM. Penyemak imbas menggunakan pelaksanaan khusus yang mempunyai atribut tambahan untuk kegunaan dalaman.

    Algoritma penghuraian

    Seperti yang dibincangkan dalam bahagian sebelumnya, menghuraikan kod HTML tidak boleh dilakukan menggunakan penghurai atas ke bawah atau bawah ke atas standard.

    Sebab-sebab ini disenaraikan di bawah.

  • Bahasa itu mempunyai watak "lembut".
  • Pelayar mempunyai mekanisme terbina dalam untuk mengendalikan beberapa ralat biasa dalam kod HTML.
  • Kitaran penghuraian dicirikan oleh kemungkinan kemasukan semula. Dokumen sumber biasanya tidak berubah semasa proses penghuraian, namun dalam kes HTML, teg skrip yang mengandungi document.write mungkin menambah token baharu, jadi kod sumber mungkin berubah.
  • Memandangkan penghurai standard tidak sesuai untuk HTML, pelayar mencipta penghurai mereka sendiri.

    Algoritma penghuraian diterangkan secara terperinci dalam spesifikasi HTML5. Ia terdiri daripada dua peringkat: analisis leksikal dan pembinaan pokok.

    Semasa analisis leksikal, urutan input aksara dibahagikan kepada token. Token HTML termasuk teg pembukaan dan penutup, serta nama dan nilai atribut.

    Penganalisis leksikal mengesan token, menghantarnya kepada pembina pokok, dan beralih ke aksara seterusnya mencari token lanjut, sehingga penghujung jujukan input.

    Melukis . Langkah-langkah untuk menghuraikan kod HTML (sumber: spesifikasi HTML5). Algoritma analisis leksikal

    Hasil daripada algoritma ialah token HTML. Algoritma dinyatakan sebagai automaton dengan bilangan keadaan terhingga. Dalam setiap keadaan, satu atau lebih simbol urutan input diproses, berdasarkan keadaan seterusnya ditentukan. Ia bergantung kepada peringkat analisis leksikal dan peringkat pembentukan pokok, iaitu pemprosesan watak yang sama boleh membawa kepada keputusan yang berbeza (keadaan berbeza) bergantung kepada keadaan semasa. Algoritma ini cukup kompleks untuk diterangkan secara terperinci di sini, jadi mari kita lihat contoh ringkas untuk membantu kita memahami dengan lebih baik cara ia berfungsi.

    Mari kita lakukan analisis leksikal kod HTML mudah:

    Hai dunia

    Keadaan awal ialah "data". Apabila penghurai mengesan aksara< , состояние меняется на "открытый тег" . Если далее обнаруживается буква (a–z), создается токен открывающего тега, а состояние меняется на "название тега" . Оно сохраняется, пока не будет обнаружен символ >. Simbol ditambah satu demi satu pada nama token baharu. Dalam kes kami, hasilnya ialah token html.

    Apabila > aksara ditemui, token dianggap sedia dan penganalisis kembali ke keadaan "data". Teg diproses betul-betul sama. Oleh itu, penghurai telah menjana teg html dan badan dan kembali kepada keadaan "data". Pengesanan huruf H dalam frasa Hello world menghasilkan penjanaan token watak. Perkara yang sama berlaku dengan huruf yang tinggal sehingga penganalisis mencapai simbol< в теге . Для каждого символа фразы Hello world создается свой токен.

    Penghurai kemudian kembali ke keadaan "teg terbuka". Pengesanan watak / menghasilkan penciptaan token teg penutup dan peralihan kepada keadaan "nama teg". Ia berterusan sehingga > watak ditemui. Pada ketika ini, token teg baharu dijana dan penganalisis kembali kepada keadaan "data". Urutan aksara diproses seperti yang diterangkan di atas.

    Melukis . Analisis leksikal urutan input aksara. Algoritma pembinaan pokok

    Apabila penghurai dicipta, objek Dokumen dihasilkan. Semasa fasa pembinaan, pokok DOM di akar tempat objek ini terletak diubah suai dan elemen baharu ditambahkan padanya. Setiap nod yang dihasilkan oleh penganalisis leksikal diproses oleh pembina pokok. Setiap token mempunyai elemen DOM sendiri yang ditakrifkan oleh spesifikasi. Elemen ditambahkan bukan sahaja pada pepohon DOM, tetapi juga pada timbunan elemen awam, yang berfungsi untuk membetulkan teg yang tidak bersarang atau tidak ditutup dengan betul. Algoritma juga dinyatakan sebagai automaton dengan bilangan keadaan terhingga, dipanggil mod sisipan.

    Mari lihat langkah-langkah untuk membuat pepohon untuk coretan kod berikut:

    Hai dunia

    Pada permulaan peringkat pembinaan pokok, kami mempunyai urutan token yang diperoleh hasil daripada analisis leksikal. Keadaan pertama dipanggil awal. Apabila token html diterima, keadaan berubah kepada "sebelum html", selepas itu token diproses semula dalam keadaan ini. Ini mencipta HTMLHtmlElement dan menambahkannya pada objek Dokumen akar.

    Keadaan berubah kepada "sebelum kepala" . Penganalisis mengesan token badan. Walaupun kod kami tidak mempunyai teg kepala, HTMLHeadElement akan dibuat secara automatik dan ditambahkan pada pokok.

    Keadaan berubah kepada "kepala dalam" , kemudian kepada "selepas kepala" . Token badan diproses sekali lagi, HTMLBodyElement dibuat, ditambah pada pokok dan keadaan ditukar kepada "dalam badan" .

    Kini tiba giliran token rentetan Hello world. Mencari yang pertama ini membawa kepada penciptaan dan penyisipan nod Teks, yang mana aksara yang tinggal kemudiannya dilampirkan.

    Apabila token badan penutup diterima, keadaan berubah kepada "selepas badan" . Apabila penghurai mencapai teg html penutup, keadaan berubah kepada "selepas selepas badan" . Apabila token akhir fail diterima, analisis akan tamat.

    Melukis . Membina pokok untuk kod HTML daripada contoh. Tindakan selepas menghuraikan

    Pada ketika ini, penyemak imbas menandakan dokumen sebagai interaktif dan mula menghuraikan skrip tertunda yang perlu dilaksanakan selepas menghuraikan dokumen selesai. Keadaan dokumen kemudian ditukar kepada "sedia" dan acara pemuatan dinaikkan.

    Mari lihat beberapa contoh.
    Tatabahasa leksikal (kamus) ditakrifkan oleh ungkapan biasa untuk setiap token:

    Komen \/\*[^*]*\*+([^/*][^*]*\*+)*\/ num +|*"."+ nonascii [\200-\377] nmstart [_a -z]|(nonascii)|(escape) nmchar [_a-z0-9-]|(nonascii)|(escape) nama (nmchar)+ ident (nmstart)(nmchar)*

    Ident ialah pengecam yang digunakan sebagai nama kelas. Nama ialah elemen id dan dirujuk menggunakan simbol cincang (#).

    Peraturan sintaks diterangkan dalam format BNF.

    Set peraturan: pemilih [ "," pemilih S* ]* "(" pengisytiharan S* [ ";" pengisytiharan S* ]* ")" S* ; pemilih: simple_selector [pemilih gabungan | S+ [penggabung? pemilih ]? ]? ; simple_selector: nama_unsur [HASH | kelas | attrib | pseudo ]* | [HASH | kelas | attrib | pseudo ]+ ; kelas: "." IDENT ; nama_unsur: IDENT | "*" ; attrib: "[" S* IDENT S* [ [ "=" | TERMASUK | DASHMATCH ] S* [ IDENT | STRING ] S* ] "]" ; pseudo: ":" [ IDENT | FUNGSI S* ")" ] ; Set peraturan mempunyai struktur yang diterangkan di bawah. div.error , a.error ( color:red; font-weight:bold; ) Elemen div.error dan a.error ialah pemilih. Peraturan yang sah untuk set yang diberikan disertakan dalam pendakap kerinting. Secara formal, struktur ini ditakrifkan seperti berikut: set peraturan: pemilih [ "," pemilih S* ]* "(" pengisytiharan S* [ ";" pengisytiharan S* ]* ")" S* ; Ini bermakna set peraturan bertindak sebagai pemilih, atau sebagai pemilih berbilang, dipisahkan dengan koma dan ruang (S bermaksud ruang). Set peraturan mengandungi satu atau lebih pengisytiharan yang dipisahkan oleh koma bertitik. Mereka disertakan dengan pendakap kerinting. Istilah "pengisytiharan" dan "pemilih" ditakrifkan di bawah.

    Penghurai CSS WebKit

    WebKit menggunakan penjana untuk menjana penghurai CSS secara automatik. Seperti yang telah disebutkan, Bison digunakan untuk mencipta penghurai bawah ke atas yang mengalihkan urutan input aksara ke kanan. Firefox menggunakan penghurai atas ke bawah yang dibangunkan oleh organisasi Mozilla. Dalam kedua-dua kes, fail CSS dihuraikan ke dalam objek StyleSheet yang mengandungi peraturan CSS. Objek peraturan CSS mengandungi pemilih dan pengisytiharan, serta objek lain yang khusus untuk tatabahasa CSS.

    Melukis . Menghuraikan CSS. Memproses pesanan untuk skrip dan helaian gaya Skrip

    Dokumen web mengikut model segerak. Diandaikan bahawa skrip akan dianalisis dan dilaksanakan sebaik sahaja penganalisis mengesan teg. Penghuraian dokumen ditangguhkan sehingga skrip selesai pelaksanaan. Jika kita bercakap tentang skrip luaran, kita mesti meminta sumber rangkaian terlebih dahulu. Ini juga dilakukan secara serentak, dengan analisis ditangguhkan sehingga sumber tersedia. Model ini telah digunakan selama bertahun-tahun dan malah termasuk dalam spesifikasi HTML 4 dan 5. Pembangun boleh menandakan skrip dengan teg tangguh supaya dokumen itu boleh dihuraikan sebelum skrip menyelesaikan pelaksanaan. HTML5 memperkenalkan keupayaan untuk menandakan skrip sebagai tak segerak supaya ia dihuraikan dan dilaksanakan dalam urutan lain.

    Penghuraian tentatif

    Mekanisme pengoptimuman ini digunakan dalam kedua-dua WebKit dan Firefox. Apabila skrip dilaksanakan, bahagian dokumen yang selebihnya dihuraikan dalam urutan lain untuk menilai sumber yang diperlukan dan memuat turunnya dari rangkaian. Dengan cara ini, sumber dimuatkan dalam benang selari, yang meningkatkan kelajuan pemprosesan keseluruhan. Sila ambil perhatian: penghurai indikatif tidak mengubah suai pepohon DOM (ini adalah tugas penghurai utama), tetapi hanya memproses rujukan kepada sumber luaran, seperti skrip luaran, helaian gaya dan imej.

    Lembaran gaya

    Helaian gaya adalah berdasarkan model yang berbeza. Memandangkan mereka tidak membuat perubahan pada pokok DOM, secara teorinya adalah sia-sia untuk menghentikan penghuraian dokumen untuk menunggu mereka diproses. Walau bagaimanapun, skrip boleh meminta maklumat gaya semasa penghuraian dokumen. Jika gaya belum dimuatkan dan dihuraikan, skrip mungkin menerima maklumat yang salah. Sudah tentu, ini akan melibatkan beberapa masalah. Jika Firefox menemui helaian gaya yang belum dimuatkan dan dihuraikan, maka semua skrip berhenti. Dalam WebKit, mereka hanya berhenti jika mereka cuba mendapatkan semula sifat gaya yang mungkin ditakrifkan dalam jadual yang tidak dimuatkan.

    Membina pokok paparan

    Apabila membina pokok DOM, pelayar mencipta struktur lain - pokok paparan. Ia meletakkan elemen visual dalam susunan yang ia perlu dipaparkan pada skrin. Ini ialah perwakilan visual dokumen. Pokok paparan digunakan untuk memastikan kandungan dipaparkan dalam susunan yang betul.

    Dalam Firefox, elemen pokok paparan dipanggil "bingkai". WebKit menggunakan istilah objek render.
    Setiap objek paparan mempunyai maklumat yang memaparkan tentang dirinya dan anak-anaknya.
    Kelas RenderObject, kelas objek rendering utama dalam WebKit, ditakrifkan seperti berikut:

    Class RenderObject( virtual void layout(); virtual void paint(PaintInfo); virtual void rect repaintRect(); Node* nod; //nod DOM RenderStyle* gaya; // gaya yang dikira RenderLayer* containgLayer; //yang mengandungi z -lapisan indeks)

    Setiap objek paparan ialah kawasan segi empat tepat sepadan dengan tetingkap nod CSS, seperti yang diterangkan dalam spesifikasi CSS2. Ia mengandungi data geometri seperti lebar, tinggi dan kedudukan.
    Jenis tetingkap bergantung pada atribut paparan objek gaya yang diberikan kepada nod ini (lihat bahagian). Di bawah ialah kod yang WebKit gunakan untuk menentukan jenis objek paparan untuk dibuat untuk nod DOM, berdasarkan atribut sifat paparan.

    RenderObject* RenderObject::createObject(Nod* nod, RenderStyle* style) ( Document* doc = node->document(); RenderArena* arena = doc->renderArena(); ... RenderObject* o = 0; suis (style ->display()) ( case NONE: break; case INLINE: o = new (arena) RenderInline(nod); break; case BLOCK: o = new (arena) RenderBlock(nod); break; case INLINE_BLOCK: o = baharu (arena) RenderBlock(nod); break; case LIST_ITEM: o = new (arena) RenderListItem(nod); break; ... ) return o; ) Jenis elemen juga diambil kira: contohnya, bingkai khas adalah digunakan untuk kawalan borang dan jadual .
    Dalam WebKit, jika elemen cuba mencipta pemapar tersuai, kaedah createRenderer akan ditindih. Paparkan objek menunjuk ke objek gaya yang mengandungi maklumat bukan geometri.

    Cara pepohon paparan berkaitan dengan pepohon DOM Memproses objek sepadan dengan elemen DOM, tetapi tidak sama dengannya. Unsur DOM bukan visual tidak disertakan dalam pepohon paparan (contohnya ialah elemen kepala). Selain itu, elemen yang mempunyai atribut paparan ditetapkan kepada tiada tidak disertakan dalam pepohon (elemen dengan atribut tersembunyi disertakan).

    Terdapat juga elemen DOM yang sepadan dengan beberapa objek visual sekaligus. Biasanya ini adalah elemen dengan struktur kompleks yang tidak dapat diterangkan oleh segi empat tepat tunggal. Sebagai contoh, elemen pilih mempunyai tiga objek visual: satu untuk kawasan paparan, satu untuk senarai juntai bawah dan satu untuk butang. Di samping itu, jika teks tidak muat pada satu baris dan dipecahkan kepada serpihan, baris baharu ditambah sebagai objek paparan bebas.
    Contoh lain di mana berbilang objek paparan digunakan ialah kod HTML yang ditulis dengan buruk. Menurut spesifikasi CSS, elemen sebaris boleh mengandungi unsur blok sahaja atau sebaris sahaja. Jika kandungan bercampur, maka objek blok tanpa nama dibuat sebagai pembungkus untuk objek sebaris.

    Sesetengah objek paparan mempunyai nod DOM yang sepadan, tetapi kedudukannya dalam pepohon tidak sepadan. Unsur terapung dan elemen dengan koordinat mutlak dikecualikan daripada keseluruhan proses, diletakkan di bahagian berasingan pokok dan kemudian dipaparkan dalam bingkai standard apabila ia sebenarnya sepatutnya dipaparkan dalam bingkai pemegang tempat.

    Melukis . Pokok paparan dan pokok DOM yang sepadan (). Viewport ialah bekas utama. Dalam WebKit ia diwakili oleh objek RenderView. Proses pembinaan pokok

    Dalam Firefox, paparan visual didaftarkan sebagai pendengar kemas kini DOM. Penciptaan bingkai diwakilkan kepada FrameConstructor, yang mentakrifkan gaya (lihat ) dan mencipta bingkai.

    Dalam WebKit, proses mentakrifkan gaya dan mencipta objek paparan dipanggil lampiran. Setiap nod DOM mempunyai kaedah lampiran. Penjajaran dilakukan secara serentak; Apabila nod baharu ditambahkan pada pokok DOM, kaedah attach dipanggil padanya.

    Hasil daripada pemprosesan teg html dan badan, objek akar pokok paparan dicipta. Dalam spesifikasi CSS, ia dipanggil bekas - blok peringkat atas yang mengandungi semua blok lain. Dimensinya membentuk kawasan tontonan, iaitu bahagian tetingkap penyemak imbas di mana kandungan akan ditunjukkan. Dalam Firefox ia dipanggil ViewPortFrame, dan dalam WebKit ia dipanggil RenderView. Ini ialah objek paparan yang ditunjukkan oleh dokumen. Selebihnya pokok itu dibina dengan menambahkan nod DOM padanya.

    Butiran model pemprosesan disediakan dalam spesifikasi CSS2.

    Mengira Gaya

    Untuk membina pokok paparan, adalah perlu untuk mengira sifat visual setiap objek. Untuk melakukan ini, sifat gaya setiap elemen dikira.

    Gaya ditentukan oleh pelbagai helaian gaya, elemen gaya sebaris dan sifat visual dalam dokumen HTML (seperti bgcolor). Yang terakhir diterjemahkan ke dalam sifat CSS.

    Helaian gaya boleh disediakan oleh penyemak imbas, pembangun halaman web atau pengguna, yang boleh memilih gaya pilihan mereka dalam penyemak imbas (contohnya, dalam Firefox, ini boleh dilakukan dengan meletakkan helaian gaya dalam folder Profil Firefox).

    Terdapat beberapa kesukaran yang berkaitan dengan gaya pengiraan.

  • Data gaya mengandungi banyak sifat dan boleh menjadi sangat besar, yang boleh menyebabkan masalah ingatan.
  • Mari lihat contoh dengan peraturan gaya berikut:

    P.error (color:red) #messageDiv (height:50px) div (margin:5px) Peraturan pertama akan diletakkan dalam peta kelas, yang kedua dalam peta id dan yang ketiga dalam peta teg.
    Pertimbangkan kod HTML berikut:

    ralat berlaku

    ini adalah mesej

    Mula-mula, mari kita cari peraturan untuk unsur p. Peta kelas mengandungi ralat utama, yang mana kita dapati kesalahan peraturan. Peraturan yang sepadan dengan elemen div terkandung dalam peta pengecam (dengan kunci id) dan dalam peta teg. Apa yang tinggal adalah untuk menentukan peraturan mana yang ditemui daripada kunci yang sesuai.
    Katakan peraturan untuk elemen div ialah:

    Jadual div (margin:5px) Kami akan mendapatkannya semula daripada peta teg kerana pemilih paling kanan ialah kunci, tetapi ia tidak akan berfungsi untuk div ini kerana tiada jadual induk untuknya.

    Pengoptimuman ini digunakan dalam kedua-dua WebKit dan Firefox.

    Gunakan peraturan mengikut keutamaan

    Sifat objek gaya sepadan dengan semua atribut visual (semua atribut CSS, tetapi pada tahap yang lebih universal). Jika harta tidak ditakrifkan oleh mana-mana peraturan padanan, dalam beberapa kes ia mungkin diwarisi daripada objek gaya induk. Dalam kes lain, nilai lalai digunakan.

    Kesukaran bermula apabila terdapat lebih daripada satu definisi, dan kemudian urutan keutamaan mesti diwujudkan untuk menyelesaikan konflik.

    Susunan keutamaan helaian gaya Pengisytiharan harta objek gaya boleh terkandung dalam beberapa helaian gaya sekali gus, kadangkala beberapa kali dalam satu jadual. Dalam kes ini, sangat penting untuk mewujudkan susunan penggunaan peraturan yang betul. Perintah ini dipanggil cascading. Spesifikasi CSS2 menentukan susunan keutamaan berikut (menaik).
  • Iklan Pelayar
  • Pengumuman pengguna biasa
  • Pengumuman pengarang biasa
  • Pengumuman penting pengarang
  • Pengumuman Pengguna Penting
  • Iklan penyemak imbas mempunyai keutamaan paling rendah dan iklan pengguna hanya lebih penting daripada iklan pengarang jika ia ditandakan!penting. Iklan dengan keutamaan yang sama diisih mengikut , dan kemudian mengikut susunan ia ditakrifkan. Atribut visual HTML diterjemahkan ke dalam pengisytiharan CSS yang sepadan dan dianggap sebagai peraturan pengarang keutamaan rendah.

    Kekhususan

    Kekhususan pemilih ditakrifkan dalam spesifikasi CSS2 seperti berikut.

    • Jika pengisytiharan terkandung dalam atribut gaya dan bukan dalam peraturan dengan pemilih, nilainya ialah 1, jika tidak 0 (= a).
    • Bilangan atribut ID dalam pemilih (= b).
    • Bilangan atribut lain dan kelas pseudo dalam pemilih (= c).
    • Bilangan nama elemen dan unsur pseudo di dalam pemilih (= d).
    Menggabungkan nilai-nilai ini ke dalam urutan a-b-c-d (dalam sistem nombor radix yang lebih besar) menentukan kekhususan.

    Asas sistem nombor ditentukan oleh nombor terbesar dalam mana-mana kategori.
    Contohnya, jika a=14, perenambelasan boleh digunakan. Jika a=17 (yang tidak mungkin), anda memerlukan sistem nombor asas 17. Keadaan ini boleh timbul jika anda mempunyai pemilih jenis ini: html body div div p... Tetapi tidak mungkin terdapat 17 tag di dalam pemilih.

    Di bawah adalah beberapa contoh.

    * () /* a=0 b=0 c=0 d=0 -> kekhususan = 0,0,0,0 */ li () /* a=0 b=0 c=0 d=1 -> kekhususan = 0,0,0,1 */ li:baris pertama () /* a=0 b=0 c=0 d=2 -> kekhususan = 0,0,0,2 */ ul li () /* a=0 b=0 c=0 d=2 -> kekhususan = 0,0,0,2 */ ul ol+li () /* a=0 b=0 c=0 d=3 -> kekhususan = 0 ,0,0,3 */ h1 + *() /* a=0 b=0 c=1 d=1 -> kekhususan = 0,0,1,1 */ ul ol li.red () /* a =0 b=0 c=1 d=3 -> kekhususan = 0,0,1,3 */ li.red.level () /* a=0 b=0 c=2 d=1 -> kekhususan = 0 ,0,2,1 */ #x34y () /* a=0 b=1 c=0 d=0 -> kekhususan = 0,1,0,0 */ style="" /* a=1 b= 0 c=0 d=0 -> kekhususan = 1,0,0,0 */

    Peraturan menyusun

    Setelah peraturan dipadankan, ia diisih mengikut keutamaan. WebKit menggunakan isihan swap untuk senarai pendek, dan gabungkan isihan untuk senarai panjang. Apabila mengisih, WebKit mengatasi > operator untuk peraturan:

    Pengendali bool statik >(CSSRuleData& r1, CSSRuleData& r2) ( int spec1 = r1.selector()->specificity(); int spec2 = r2.selector()->specificity(); return (spec1 == spec2) : r1. position() > r2.position() : spec1 > spec2; )

    Aplikasi peraturan berbilang langkah

    WebKit menggunakan bendera khas yang menunjukkan sama ada semua helaian gaya peringkat atas (termasuk @imports) dimuatkan. Jika penggabungan telah dimulakan dan keseluruhan helaian gaya belum dimuatkan, ruang letak digunakan dan tanda yang sesuai muncul dalam dokumen. Setelah jadual selesai dimuatkan, ruang letak dikira semula.

    Susun atur

    Apabila objek paparan yang baru dicipta dimasukkan ke dalam pokok, ia tidak mempunyai saiz mahupun kedudukan. Mengira nilai ini dipanggil susun atur (susun atur atau aliran semula).

    HTML menggunakan model susun atur berasaskan aliran, bermakna dalam kebanyakan kes, data geometri boleh dikira dalam satu laluan. Elemen yang ditemui kemudian dalam aliran tidak menjejaskan geometri elemen yang telah diproses, jadi susun atur boleh dilakukan dari kiri ke kanan dan atas ke bawah. Terdapat pengecualian: sebagai contoh, susun atur jadual HTML mungkin memerlukan lebih daripada satu gelung().

    Sistem koordinat dikira berdasarkan kerangka akar. Koordinat atas dan kiri digunakan.

    Susun atur dilakukan dalam beberapa kitaran. Ia bermula dengan objek paparan akar yang sepadan dengan elemen dalam dokumen HTML. Hierarki bingkai (atau sebahagian daripadanya) kemudiannya diproses dan maklumat geometri dikira untuk objek paparan yang memerlukannya.

    Objek paparan akar mempunyai koordinat (0; 0), dan dimensinya sepadan dengan port pandangan (bahagian tetingkap penyemak imbas yang boleh dilihat).

    Sebarang objek paparan boleh secara pilihan memanggil reka letak atau kaedah aliran semula pada anak-anaknya.

    Sistem Bit Kotor

    Untuk mengelak daripada mengalir semula setiap kali perubahan dibuat, penyemak imbas menggunakan apa yang dipanggil sistem bit kotor. Objek paparan yang diubah suai dan anak-anaknya ditandakan sebagai "kotor", iaitu, memerlukan pengaliran semula.

    Dua bendera digunakan: kotor dan kanak-kanak kotor. Anak-anak adalah bendera kotor bermakna bahawa bukan objek paparan itu sendiri yang memerlukan aliran semula, tetapi satu atau lebih anak-anaknya.

    Susun atur global dan tambahan

    Jika susun atur dilakukan pada keseluruhan pokok paparan, ia dipanggil global. Ia boleh disebabkan oleh kejadian berikut.

  • Perubahan global kepada gaya yang digunakan merentas semua objek paparan, seperti menukar fon.
  • Menukar saiz skrin.
  • Susun atur tambahan hanya mengubah objek paparan yang kotor (dan mungkin memerlukan beberapa objek lain untuk disusun semula).
    Susun atur tambahan berlaku secara tidak segerak dan bermula apabila objek paparan kotor ditemui. Contoh: Selepas mendapatkan semula kandungan daripada web dan menambahkannya pada pepohon DOM, objek baharu muncul dalam pepohon paparan.

    Melukis . Susun atur tambahan, yang memproses hanya objek paparan kotor dan anak-anaknya (). Pemautan segerak dan tidak segerak Pemautan tambahan berlaku secara tidak segerak. Dalam Firefox, arahan susun atur tambahan akan beratur dan kemudian penjadual memanggil semuanya bersama-sama. Dalam WebKit, susun atur tambahan juga ditangguhkan untuk memproses keseluruhan pokok dalam satu gelung dan mengalirkan semula semua objek paparan yang kotor.
    Skrip yang meminta maklumat penggayaan seperti offsetHeight boleh menyebabkan susun atur tambahan berlaku secara serentak.
    Pautan global biasanya dilakukan secara serentak.
    Kadangkala susun atur dilakukan dalam panggilan balik selepas susun atur asal kerana nilai beberapa atribut, seperti kedudukan tatal, berubah. Pengoptimuman Jika reka letak dicetuskan oleh peristiwa mengubah saiz atau perubahan dalam kedudukan (tetapi bukan saiz) objek paparan, dimensi objek diambil daripada cache dan tidak dikira semula.
    Jika hanya sebahagian daripada pokok berubah, keseluruhan pokok tidak dialirkan semula. Ini berlaku jika perubahan itu bersifat setempat dan tidak menjejaskan objek sekeliling, contohnya, apabila memasukkan teks dalam medan teks (dalam kes lain, memasukkan setiap aksara menyebabkan keseluruhan pokok disusun semula). Proses susun atur

    Susun atur biasanya dijalankan mengikut skema yang diterangkan di bawah.

  • Objek paparan induk mentakrifkan lebarnya sendiri.
  • Objek paparan induk memproses elemen anak:
  • menentukan kedudukan objek paparan kanak-kanak (menetapkan koordinat x dan ynya);
  • Menyebabkan elemen kanak-kanak dibentangkan (jika ia ditandakan kotor, jika aliran semula global sedang dilakukan, dll.), menyebabkan ketinggiannya dikira.
  • Berdasarkan jumlah ketinggian elemen kanak-kanak, serta ketinggian jidar dan pelapik, ketinggian objek paparan induk dikira: ia diperlukan oleh objek induknya sendiri.
  • Bit tidak lagi ditanda sebagai kotor.
  • Firefox menggunakan objek nsHTMLReflowState sebagai parameter susun atur. Antara lain, ia menentukan lebar elemen induk.
    Reka letak dalam Firefox mencipta objek nsHTMLReflowMetrics yang mengandungi nilai ketinggian objek paparan.

    Pengiraan lebar

    Lebar objek paparan dikira berdasarkan lebar bekas, sifat lebar objek paparan dan saiz jidar dan jidar.
    Mari lihat bagaimana lebar elemen div berikut dikira:

    Dalam WebKit ia akan dikira seperti ini (kaedah calcWidth kelas RenderBox).

    • Lebar bekas adalah lebih besar daripada availableWidth dan 0. Dalam kes ini, nilai sifat availableWidth adalah sama dengan nilai contentWidth, yang dikira seperti berikut: clientWidth() - paddingLeft() - paddingRight() Sifat clientWidth dan clientHeight nilai sepadan dengan dimensi dalaman objek, tidak termasuk sempadan dan bar skrol.
    • Lebar elemen ditentukan oleh atribut lebar objek gaya. Nilai mutlaknya dikira berdasarkan peratusan lebar bekas.
    • Bingkai mendatar dan padding ditambah.
    Sehingga tahap ini kami telah mengira lebar pilihan. Sekarang mari kita hitung nilai minimum dan maksimumnya.
    Jika lebar pilihan melebihi maksimum, maka nilai maksimum digunakan, dan jika ia kurang daripada minimum (objek terkecil yang tidak boleh dibahagikan), maka nilai lebar minimum digunakan.

    Data ini disimpan dalam cache sekiranya aliran semula diperlukan tanpa mengubah lebar.

    Pembalut garisan

    Semasa proses reka letak, jika objek paparan mengesan bahawa pemisah baris diperlukan, reka letak berhenti dan permintaan pemisah baris dihantar kepada elemen induk. Elemen induk mencipta objek paparan tambahan dan melaksanakan reka letaknya.

    Penyampaian

    Semasa peringkat rendering, kaedah cat dipanggil untuk setiap objek paparan secara bergilir-gilir dan kandungannya dipaparkan pada skrin. Komponen rangka kerja UI digunakan untuk pemaparan.

    Paparan global dan tambahan Dengan pemaparan global, keseluruhan pepohon dilukis secara keseluruhan, dan dengan pemaparan tambahan, hanya objek paparan individu dilukis yang tidak menjejaskan pokok yang lain. Objek paparan yang diubah suai menandakan segi empat tepatnya sebagai tidak sah. Sistem pengendalian menganggapnya sebagai kawasan "kotor" dan menimbulkan acara cat. Kawasan digabungkan supaya rendering boleh dilakukan untuk semua orang sekaligus. Dalam penyemak imbas Chrome, pemaparan adalah lebih kompleks sedikit kerana pemapar berada di luar proses utama: Chrome sedikit sebanyak meniru gelagat sistem pengendalian. Komponen pemaparan mendengar peristiwa ini dan mewakilkan mesej kepada objek paparan akar. Semua objek dalam pokok diperiksa secara bergilir-gilir sehingga objek yang dikehendaki ditemui. Kemudian ia sendiri dan, sebagai peraturan, anak-anaknya ditarik. Pesanan Cabutan Pesanan Cabutan ditakrifkan dalam spesifikasi CSS2. Malah, ia sepadan dengan susunan elemen diletakkan dalam . Urutan lukisan adalah penting kerana tindanan ditarik ke belakang. Susunan objek blok ditambahkan pada timbunan adalah seperti berikut:
  • Warna latar belakang
  • Imej latar belakang
  • Bingkai
  • Objek kanak-kanak
  • Sempadan luar
  • Senarai Paparan Firefox Firefox mencipta senarai paparan untuk segi empat tepat yang dilukis berdasarkan analisis pepohon paparan. Ia mengandungi objek paparan segi empat tepat ini, disusun dalam susunan yang dikehendaki (mula-mula latar belakang, kemudian bingkai, dsb.). Terima kasih kepada ini, untuk memaparkan semula latar belakang, imej latar belakang, bingkai, dll., anda hanya perlu melalui pokok itu sekali sahaja.

    Dalam Firefox, proses dioptimumkan dengan tidak menambah elemen yang akan disembunyikan (contohnya, di bawah unsur legap).

    Storan Segiempat tepat dalam WebKit Sebelum memaparkan semula, segi empat tepat lama disimpan dalam WebKit sebagai peta bit, dan kemudian hanya perbezaan antara segi empat tepat lama dan baharu dilukis. Perubahan Dinamik Apabila perubahan berlaku, penyemak imbas cuba untuk tidak melakukan operasi yang tidak perlu. Sebagai contoh, jika warna satu elemen berubah, yang lain tidak dipaparkan semula. Apabila kedudukan elemen berubah, elemen itu sendiri, anak-anaknya, dan mungkin objek lain pada tahap yang sama digubah semula dan diberikan. Apabila nod DOM ditambah, ia diletakkan semula dan diberikan. Perubahan besar, seperti meningkatkan saiz fon elemen html, mengakibatkan mengosongkan cache dan meletakkan semula dan menjadikan keseluruhan pokok. Benang Pemeta Pemeta berjalan pada satu utas: ia mengendalikan hampir semua perkara kecuali operasi rangkaian. Dalam Firefox dan Safari ini adalah utas pelayar utama, dalam Chrome ia adalah proses tab utama.
    Operasi rangkaian boleh dilakukan dalam berbilang benang selari. Bilangan sambungan selari adalah terhad dan biasanya berkisar antara 2 hingga 6 (contohnya, Firefox 3 menggunakan 6). Gelung Peristiwa Benang utama penyemak imbas ialah gelung peristiwa, gelung tidak berkesudahan yang menyokong proses pekerja. Ia menunggu acara (seperti reka letak dan cat) dihantar untuk memprosesnya. Ini ialah kod Firefox untuk gelung acara utama: manakala (!mExiting) NS_ProcessNextEvent(thread); Model Visual CSS2 Kanvas Bahasa Lain

    Halaman ini telah diterjemahkan ke dalam bahasa Jepun. Dua kali!

    Jadi, hari ini kita perlu mengkaji pelayar. Jenis, keupayaan dan perbezaan perisian ini adalah perkara yang perlu anda perhatikan. Sebenarnya, soalan ini tidak begitu rumit jika anda mengetahui apa itu. Dan beberapa orang tidak pernah mendengar tentang pelayar. Dalam dunia moden, perisian ini telah menjadi sebahagian daripada perisian standard untuk masa yang lama. Jadi hanya pemula yang tahu mengenainya. Mari cuba fahami apa sebenarnya yang kita bincangkan, serta jenis dan perbezaan yang ada pada penyemak imbas. Kemudian anda boleh memilih pilihan terbaik untuk komputer anda.

    Tetingkap ke Internet

    Mula-mula anda perlu mengkaji konsep penyemak imbas. Jenis penyemak imbas dan keupayaannya adalah soalan yang lebih mudah. Sebagai permulaan, adalah penting untuk memahami apa sebenarnya yang kita bicarakan. Apakah perisian yang sedang kita hadapi?

    Pelayar ialah tetingkap yang dipanggil ke Internet. Aplikasi yang berfungsi untuk mengakses rangkaian dan melawati pelbagai halaman web. Kadang-kadang ia juga dipanggil pelayar Internet. Asal usul istilah ini sangat mudah difahami. Di sinilah bahasa Inggeris datang untuk menyelamatkan. Lagipun, jika anda memikirkannya, semak imbas bermaksud menyemak imbas. Pelayar, sewajarnya, ialah program yang membantu anda menonton pelbagai sumber Internet. Nampaknya tidak ada yang sukar. Tetapi terdapat pelbagai jenis pelayar. Dan keupayaan perisian ini adalah pelbagai. Apa yang perlu anda perhatikan? Apakah jenis pelayar Internet yang ada? Apa yang perlu dipilih untuk diri sendiri?

    Set standard

    Maksudnya ialah subjek perbincangan kita sekarang dikurniakan pelbagai kemungkinan. Semuanya bergantung pada pilihan yang ada di hadapan anda. Tetapi secara umum, fungsi penyemak imbas adalah serupa. Apa yang boleh dimasukkan ke dalamnya? Apakah ciri standard yang disertakan dalam semua program sedemikian?

    Terdapat pelbagai jenis pelayar. Biasanya, fungsi standard termasuk melihat halaman web dan sumber Internet lain. Iaitu, mana-mana pelayar akan membolehkan anda terlibat dalam apa yang dipanggil melayari Internet.

    Anda juga boleh menanda halaman halaman yang menarik. Ia akan disimpan sebagai alamat berasingan dalam item menu yang sepadan dalam penyemak imbas anda. Satu lagi peluang yang ada pada setiap pelayar Internet.

    Selain itu, di sini anda boleh menyimpan kata laluan dan log masuk daripada halaman web. Biasanya ini berlaku secara automatik; pengguna hanya perlu mengesahkan tindakan tersebut. Fungsi carian terbina dalam juga berlaku.

    Satu lagi ciri yang sangat menarik yang dimiliki oleh semua jenis penyemak imbas sedia ada ialah berfungsi dengan sejarah penyemakan imbas yang dipanggil. Anda boleh mematikannya pada bila-bila masa atau melihat bila dan halaman yang anda lawati. Item ini juga dipanggil tetapan privasi.

    Seperti yang anda lihat, terdapat banyak pilihan. Set standard fungsi semua penyemak imbas tidak banyak berbeza. Kecuali kapsyen item menu. Tetapi kemungkinan tidak berakhir di sana. Setiap pengguna dapat mengembangkan fungsi secara bebas. Lebih lanjut mengenai ini sedikit kemudian. Mula-mula anda perlu tahu apakah pelayar itu. Jenis, perbezaan, kebaikan dan keburukan setiap satu - inilah yang menarik minat ramai.

    "Kromium"

    Mari kita mulakan dengan pilihan yang paling popular, meluas dan berjaya. Kita bercakap tentang penyemak imbas yang dipanggil Google Chrome. Sebenarnya, ini adalah cetusan idea Google yang terkenal. Pelayar Internet serupa muncul tidak lama dahulu, sekitar tahun 2008. Tetapi kini ia telah memenangi hati ramai pengguna.

    Pilihan terpantas, paling produktif dan paling mudah untuk digunakan dan dikonfigurasikan. Senang bekerja dengan dia. Hampir tiada gangguan atau kerosakan; sistem pengendalian tidak dimuatkan semasa permulaan. Chrome menjadi popular kerana kekurangan permintaan yang tinggi terhadap sumber komputer, serta untuk keselamatan.

    Jika anda banyak bekerja dengan Google, maka ini adalah pilihan yang ideal untuk anda. Terdapat menu khas untuk bekerja dengan akaun Google. Sangat mudah, jika anda memikirkannya. By the way, Chrome sesuai walaupun untuk komputer yang lemah. Inilah yang menarik ramai orang. pelayar, sebagai peraturan, memerlukan beberapa kali lebih banyak sumber komputer daripada Chrome.

    "Mozilla"

    Namun begitu, masih terdapat persaingan di kalangan pelayar Internet. Di tempat kedua ialah Mozilla Firefox. Kandungan ini agak mengingatkan Chrome, tetapi telah wujud lebih lama daripada idea Google. Benar, Mozilla lebih menuntut pada komputer. Ia memuatkan sistem ke tahap yang lebih besar. Namun begitu, ia tetap popular dan mendapat permintaan sehingga hari ini.

    kenapa? Kami kini sedang mengkaji semua jenis mereka) mempunyai kebaikan dan keburukan mereka. Untuk Chrome, ini adalah permintaan dan kelajuan yang rendah. Dan Mozilla mempunyai prestasi pantas dan kemungkinan besar dalam bidang tetapan. Iaitu, kefungsian perisian. Mozilla Firefox yang mempunyai tetapan lanjutan yang membolehkan anda menggunakan semua ciri utiliti setepat mungkin. Pada dasarnya, jika anda bukan peminat Google, dan komputer anda tidak terlalu lama, anda boleh menggunakan Mozilla.

    "Opera"

    Apakah pelayar lain yang ada? Jenis mereka adalah pelbagai. Tetapi antara yang paling popular ialah "Opera". Ini adalah pelayar yang agak lama, tetapi tidak kurang biasa. Kelebihan utamanya ialah kefungsian perisian. Ia diperluaskan kepada maksimum. Selepas memasang aplikasi, pengguna menerima satu set keseluruhan sambungan pelayar berguna yang akan membantu mengembangkan fungsi standard. Iaitu, anda tidak perlu memuat turun dan memasang apa-apa sendiri. Banyak tetapan, fungsi dan butang - apa yang diperlukan oleh pengguna lanjutan.

    Tetapi Opera menuntut komputer kerana keupayaannya. Lebih-lebih lagi, sukar bagi pemula untuk memahami pelayar ini. Lagipun, seperti yang telah disebutkan, banyak fungsi yang berbeza tersembunyi di dalamnya. Pada dasarnya, pilihan yang baik untuk mereka yang sudah biasa dengan Internet. Sudah tentu, komputer yang lebih berkuasa diperlukan daripada Mozilla yang sama. Tetapi ini bukan masalah sedemikian.

    "Penjelajah"

    Kami telah hampir merangkumi semua jenis pelayar yang popular. Keupayaan setiap utiliti adalah sama. Kini ia patut memberi perhatian kepada pilihan yang paling popular, atau lebih tepat, pilihan yang sentiasa berlaku. Ia tidak menggembirakan pengguna, tetapi kadangkala tiada pilihan. Kita bercakap tentang program yang dipanggil Internet Explorer.

    Mungkin setiap pengguna sudah biasa dengan perisian ini. Ini ialah pelayar Internet standard yang disertakan dalam senarai program Microsoft. Menuntut pada komputer, tidak begitu berfungsi. Keselamatan adalah lemah, dan kelajuan operasi meninggalkan banyak yang diingini.

    Selalunya, Explorer dipanggil pelayar untuk memuat turun pelayar. Ini bermakna bahawa pada sistem pengendalian "bersih" anda akan menggunakan Explorer sekali sahaja - semasa anda memuat turun fail pemasangan daripada pelayar lain. Beberapa orang bekerja dengan Explorer sekarang. Ramai orang perasan: komputer menjadi sangat perlahan apabila menjalankan utiliti ini. Malah yang paling berkuasa, permainan. Oleh itu, adalah disyorkan untuk tidak berinteraksi dengan Internet Explorer terlalu kerap. Menariknya, dia sering dipanggil "Keldai". Mungkin kerana kepantasan kerja dan kedegilan.

    "Yandex"

    Baru-baru ini, pilihan lain telah mula mendapat populariti. Penyemak imbas (kami telah mempelajari hampir sepenuhnya jenisnya, bersama-sama dengan keupayaan setiap tawaran) semuanya percuma dan boleh diakses. Ramai pengaturcara cuba mencipta dan mempromosikan pelayar Internet mereka sendiri. Yandex.Browser muncul agak baru-baru ini. Ini adalah idea Yandex.

    Sebenarnya, ia agak serupa dengan Chrome. Hanya Google yang menawarkan antara muka yang lebih ringkas dan mudah. Di samping itu, Chrome mempunyai lebih banyak fungsi daripada Yandex. Walaupun prestasi, keselamatan dan permintaan pada komputer adalah hampir sama.

    Tidak sukar untuk meneka bahawa Yandex.Browser disesuaikan untuk berfungsi dengan enjin carian dengan nama yang sama. Jika anda sentiasa bekerja dengan akaun Yandex, maka penyemak imbas ini akan menjadikan hidup anda lebih mudah. Ia mempunyai segala-galanya yang diperlukan untuk kemudahan pengguna tersebut. Tiada perbezaan ketara yang lain.

    epal

    Jadi kami mengetahui apakah pelayar itu. Jenis, perbezaan, dan ciri masing-masing kini tidak begitu misteri. Tetapi semua utiliti sebelumnya telah dicipta untuk Windows. Jangan lupa bahawa terdapat juga MacOS, produk Apple.

    Bagi pengguna sedemikian, mereka mempunyai penyemak imbas "berjenama" mereka sendiri - Apple Safari. Ia tidak dikurniakan sebarang keistimewaan. Ini hanyalah pelayar Internet daripada Apple untuk MacOS. Sesuatu seperti Explorer. Ia hanya berfungsi dengan lebih baik, lebih pantas dan tidak mengganggu pengguna.

    Lazimnya, mereka yang menggunakan Apple menggunakan Safari untuk melayari Internet. Ia mempunyai tetapan yang paling biasa, tanpa halangan, antara muka yang jelas dan bijaksana. Jadi anda boleh memberi perhatian kepadanya. Terutama jika anda mempunyai MacOS.

    Kemungkinan

    Di sinilah kita boleh menamatkan perbualan tentang jenis penyemak imbas. Pilihan yang paling popular, selamat dan digunakan telah dibentangkan kepada perhatian kami. Lebih-lebih lagi, kini jelas apakah fungsi yang tersedia dalam perisian ini atau itu. Tetapi, seperti yang telah disebutkan, anda boleh mengembangkan fungsi mana-mana penyemak imbas Internet, memberikan peluang yang pada asalnya tidak ada.

    Bagaimana sebenarnya ini dilakukan? Dengan memasang sambungan dan pemalam khas. Ini adalah beberapa jenis fungsi tambahan yang terbina dalam penyemak imbas. Setiap jenis mempunyai sambungan sendiri. Anda hanya perlu memuat turun dan mendayakannya dalam tetapan perisian.

    Apakah jenis pemalam dan sambungan yang boleh ada? mana-mana. Di sini anda boleh mendapatkan perlindungan daripada pengiklanan, aplikasi untuk memuat turun video/muzik daripada rangkaian sosial dan hanya beberapa permainan mini serta perisian hiburan. Secara umum, senarai itu boleh diteruskan selama-lamanya. Ini bermakna keupayaan pelayar tidak terhad dalam apa jua cara. Hanya sumber komputer anda dan kreativiti pembangun.

    Apa yang hendak dipilih

    Penyemak imbas mana yang hendak dipilih untuk bekerja? Setiap pengguna memutuskan ini untuk dirinya sendiri. Walau apa pun, keutamaan diberikan kepada pilihan yang selamat dan pantas. Jika anda menggunakan akaun Google atau hanya enjin carian dengan nama yang sama, dan anda memerlukan perisian pantas yang menjamin keselamatan kerja dalam talian anda, Chrome ialah pilihan anda. Di tempat kedua ialah "Yandex.Browser" (sudah tentu, jika anda menggunakan keupayaan pengehosan ini). Ia juga disyorkan untuk memilih Mozilla.

    Opera ialah pelayar untuk pengguna lanjutan. Ia tidak disyorkan untuk pemula untuk menghubunginya. Tetapi adalah lebih baik untuk meninggalkan Explorer. Perisian inilah yang, sebagai peraturan, membawa banyak masalah kepada pengguna. Ambil kira faktor ini apabila memilih penyemak imbas. Keputusan muktamad di tangan anda!

    Salam, pembaca laman blog yang dihormati. Penyemak imbas penting bukan sahaja untuk pengguna yang mencari versi pelayar Internet yang paling pantas, paling mudah dan bebas pepijat, tetapi juga untuk juruweb.

    Bukan rahsia lagi bahawa sesetengah tapak mungkin dipaparkan secara berbeza dalam program yang berbeza, dan untuk mengelakkan perkara ini daripada berlaku, juruweb cuba menggunakan . Tetapi hari ini saya ingin beralih sedikit daripada masalah webmastering dan menjemput anda, bersama-sama dengan saya, untuk cuba menilai pelayar terkenal yang paling popular.

    Untuk memudahkan penilaian, saya memutuskan untuk membahagikannya kepada dua kumpulan: popular dan kurang dikenali. Saya juga akan memberikan penerangan umum tentang semua ciptaan yang mengambil bahagian dalam semakan dengan pautan kepada penerangan terperinci tentang semua keupayaan mereka.

    Sejarah dan 5 pelayar terbaik pada zaman kita

    Saya akan mulakan dengan apa itu pelayar dan apakah sejarah pembangunan kawasan perisian ini. Sudah tentu, pemerhati pertama boleh dilahirkan hanya selepas itu. Sebenarnya, dialah yang mencipta penyemak imbas pertama, kerana tanpa atribut yang diperlukan ini, keseluruhan ciptaannya akan kehilangan maknanya. Biar saya jelaskan maksud saya.

    Tim Bernes-Lee membangunkan semua aspek teknikal (protokol pertukaran data http, bahasa penanda hiperteks Html, prinsip pembentukan dan banyak lagi). Tetapi semua ini tidak akan menjadi apa-apa tanpa program yang akan mentafsir bahasa penanda halaman ke dalam paparan mereka pada skrin monitor.

    Sebenarnya, penyemak imbas ialah penterjemah bahasa Html, penanda gaya CSS dan skrip Java. Selain itu, beberapa nuansa mungkin berbeza antara versi, yang membawa kepada kesukaran dalam susun atur tapak web. Tetapi juruweb telah lama belajar untuk keluar dari situasi ini, dan dalam kebanyakan penyemak imbas popular semua sumber rangkaian hampir selalu dipaparkan dengan betul.

    Pelayar grafik pertama (ia sudah boleh memaparkan bukan sahaja teks, senarai dan jadual, tetapi juga gambar!) ialah Mozek yang terkenal. Malah, beliau menjadi pengasas kepada semua kolumnis moden dan popularitinya pada masa itu sangat hebat. Dengan menggunakan kodnya, karya-karya terkenal seperti Netscape dan Internet Explorer pertama telah dibangunkan, yang, kerana penyepaduannya dengan sistem pengendalian Windows dan bebas, sepenuhnya menyingkirkan pemain pertama daripada pasaran.

    Walau bagaimanapun, sebuah organisasi bukan untung bernama Mazil telah dicipta, yang mewarisi kod sumber Netscape (sebenarnya Mosaic). Namun begitu, syarikat ini, yang namanya berasal daripada variasi perkataan Inggeris "kill mozeics," mengolah sepenuhnya kod penyemak imbas pertama dan mencipta salah seorang peneraju pasaran hari ini - Mazila Firefox.

    Biasanya, kualiti kerja dengan penyemak imbas tertentu dinilai oleh fungsinya, kemudahan penggunaan, kelajuan pelancaran dan kelajuan memuatkan halaman baharu (ini amat kritikal). Juga aspek penting sekarang ialah keselamatan kerja dan kelestarian program sekiranya berlaku sebarang buli. Hampir semua pemimpin memenuhi keperluan ini pada satu tahap atau yang lain.

    Selain itu, hampir segala-galanya, kerana mana-mana model pengedaran lain menghukum pemaju kepada kegagalan dan kekaburan. Seperti yang anda mungkin ingat, pelayar yang sangat baik dipanggil Opera, bermula dari tarikh kelahirannya (1995), telah dibayar dan hanya pada tahun 2005 peluang rasmi untuk memuat turunnya secara percuma muncul (anda dan saya, penduduk yang dihormati di pos- ruang Soviet, tidak menunggu). Ini membawa kepada apa?

    Dalam RuNet, Opera kini menempati kedudukan utama (pada satu masa adalah sangat bagus untuk mempunyai program berbayar secara percuma - jika ada yang masih ingat), nah, borjuasi yang berpegangan tangan masih ingat sifat berbayar aplikasi ini dan bahagiannya dalam borjuasi hampir tidak melebihi beberapa peratus. Itu sahaja.

    Malah, Nine dan pengikutnya adalah sinar cahaya di antara pelaksanaan mastodon ini yang sederhana biasa-biasa saja sebelum ini. Versi penyemak imbas ini agak stabil, dilindungi dengan baik dan agak pantas. Namun begitu, versi ini tidak menunjukkan sebarang kelebihan istimewa berbanding analog moden yang lain, dan bahagian Internet Explorer di dunia (dan RuNet khususnya) terus menurun secara berterusan (hanya 25% daripada keseluruhan pasaran).

    Ia dikekalkan hanya kerana penyepaduan awalnya ke dalam semua versi Windows. Walau bagaimanapun, Melkomyagkie mempunyai mereka sendiri, yang mana ia hanya perlu untuk mengumpul data mengenai keutamaan pengguna semasa melancong di Internet, dan untuk tujuan ini penyemak imbas adalah penyelesaian yang ideal. Oleh itu, saya yakin bahawa dalam versi 10 Internet Explorer yang baharu, Microsoft akan cuba untuk ke hadapan atau sekurang-kurangnya tidak ketinggalan jauh di belakang pesaingnya.

    Sejak 2005, Opera boleh dimuat turun sepenuhnya secara percuma, tetapi sifat berbayar itu sebelum 2005 yang memainkan jenaka yang kejam:

    Sebagai tambahan kepada versi desktop, terdapat juga versi mudah alih penyemak imbas yang agak popular, yang kini menduduki kedudukan utama dalam segmen mereka. Jadi, di kem pemaju keajaiban ini, semuanya tidak begitu buruk.

    Setelah muncul lebih lewat daripada semua pesaing lain (pada tahun 2008), Chrome mengambil permulaan yang sangat tajam dan selepas kira-kira empat tahun mengatasi semua pemain lain. Ia telah mengatasi kami dengan banyak (42% daripada keseluruhan pasaran) dan ini boleh dianggap sebagai kejayaan besar untuk produk muda sedemikian.

    Penyemak imbas ini dibezakan terutamanya oleh kelajuan dan kebolehpercayaan yang menakjubkan, yang membolehkan ia tidak ranap walaupun salah satu halaman atau aplikasi yang terbuka membeku. Nah, itu melengkapkan sepenuhnya gambar pelayar yang sangat baik.

    Sememangnya, Chrome boleh dimuat turun sepenuhnya secara percuma dengan menerima syarat penggunaan di tapak web rasmi menggunakan butang di atas.

    Penyemak imbas peringkat kedua terbaik

    Sudah tentu, masih terdapat berpuluh-puluh pelayar Internet berbeza yang nasibnya tidak begitu memanjakan seperti lima yang disenaraikan di atas. Tidak mungkin untuk mempertimbangkan kesemuanya dalam rangka artikel ini, jadi saya memutuskan untuk menumpukan hanya pada pengulas yang memutuskan untuk "duduk di belakang" Chrome yang kini sangat popular. Nasib baik, ia dibuat berdasarkan enjin WebKit percuma.

    Jelas sekali bahawa prototaip Chrome (bangku ujian) memanggil . Pada dasarnya, ia mempunyai banyak fungsi hasil idea Google dan penomboran versinya mendahului versi penyemak imbas terpantas di dunia:

    Walau bagaimanapun, dari segi kefungsian, Chromium agak lebih rendah daripada Chrome, dan dari segi kestabilan ia jelas lebih rendah daripadanya, kerana sebenarnya ia sentiasa berada di peringkat ujian beta. Saya mungkin tidak akan menggunakannya sebagai penyemak imbas utama saya.

    Saya menukar segala-galanya, tetapi tidak satu pun daripada penyemak imbas, walaupun selepas menyegarkan halaman sambil menahan Shift pada papan kekunci, tidak memaparkan perubahan yang dibuat. Saya terpaksa mengosongkan cache dan hanya selepas itu semuanya jatuh ke tempatnya. Bagaimana hendak melakukannya?

    Semoga berjaya! Jumpa anda tidak lama lagi di halaman laman blog

    Anda boleh menonton lebih banyak video dengan pergi ke ");">

    Anda mungkin berminat

    Penyemak Imbas Yandex - sambungan dan tema sesuai untuk Chrome, malah fungsinya mengatasinya
    Opera - cara menyesuaikan penyemak imbas untuk diri sendiri, serta Pautan Opera, konfigurasi, panel ekspres dan klien e-mel
    Penanda halaman dalam penyemak imbas Yandex, Google Chrome dan Fireforce, serta penanda halaman dalam talian maya
    Pembangun Web untuk Firefox - pemasangan dan keupayaan pemalam untuk pereka reka letak dan juruweb
    Chromium - apakah jenis penyemak imbas itu, bagaimana Chromium berkaitan dengan Google Chrome dan jenis penyemak imbas lain yang berfungsi berdasarkannya

    Komputer dan Internet adalah pelayar. Apakah pelayar? Mari beri definisi segera:

    Apakah pelayar

    Pelayar (atau penyemak imbas Internet) ialah program pada komputer yang boleh digunakan untuk melihat halaman laman web di Internet, menavigasi antara halaman tapak web dan tapak itu sendiri, mencari maklumat, memuat turun fail, menonton video, mendengar muzik, berkomunikasi di forum. dan rangkaian sosial, dan lain-lain.

    Oleh itu, penyemak imbas adalah program serius yang membolehkan pengguna menyediakan sebarang interaksi dengan tapak Internet dan merupakan salah satu program yang paling kerap digunakan pada komputer.

    Pelayar bukanlah nama khusus untuk satu program, tetapi nama umum untuk aplikasi yang direka, seperti yang dinyatakan di atas, untuk melihat tapak dan berinteraksi dengannya. Sebagai contoh, program Internet Explorer yang disertakan dengan Windows ialah pelayar yang dipanggil Internet Explorer.

    Seperti kebanyakan istilah komputer, perkataan "pelayar" mempunyai akar bahasa Inggeris dan berasal daripada bahasa Inggeris "pelayar web", yang bermaksud pelayar Internet, yang bercakap dengan jelas tentang tujuannya.

    Pelayar, dalam satu bentuk atau yang lain, dipasang pada mana-mana peranti yang membolehkan anda melihat tapak di Internet, seperti telefon pintar atau telefon bimbit biasa. Malah TV moden yang boleh menyambung ke Internet mempunyai pelayar.

    Pelayar paling popular

    Terdapat sejumlah besar program penyemak imbas, tetapi hanya beberapa yang menjadi yang paling popular dari semasa ke semasa: Google Chrome, Mozilla Firefox, Internet Explorer, Opera, Apple Safari.

  • Google Chrome (Google Chrome). Pelayar yang dibangunkan oleh syarikat Internet terbesar di dunia, Google. Versi beta pertama dikeluarkan pada September 2008. Hari ini, ia telah mendapat populariti di kalangan pengguna Internet.
  • Mozilla Firefox (Mozilla Firefox). Pada mulanya, ia mendapat popularitinya berkat kefungsiannya yang sangat disesuaikan menggunakan sambungan boleh dipasang dan kelajuan memuatkan halaman.
  • Internet Explorer (Internet Explorer). Popularitinya lebih disebabkan oleh fakta bahawa ia terbina dalam sistem pengendalian Windows dan merupakan pemapar halaman utama secara lalai. Dengan kemunculan dan pembangunan pelayar alternatif, ia mula kehilangan populariti dengan cepat dan kehilangan kedudukan kepimpinannya.
  • Opera (Opera). Ia dibangunkan oleh syarikat kecil Norway Telenor pada tahun 1994. Kini pembangunan pelayar ini dijalankan oleh Opera Software, yang diasaskan oleh pembangun versi pertama program. Opera pernah sangat popular di kalangan pengguna dari Rusia. Pada masa ini ia semakin hilang populariti, kalah kepada persaingan daripada Google Gchrome dan Firefox.
  • Apple Safari. Pelayar yang dibangunkan oleh Apple untuk perantinya yang menjalankan sistem pengendalian Mac OS dan iOS. Versi pelayar Safari juga tersedia untuk sistem pengendalian Windows.
  • Pelayar paling popular mengikut perkhidmatan statistik Stat Counter

    Perlu diingatkan bahawa tidak ada gunanya mempunyai semua 5 pelayar pada komputer anda. Jika anda baru belajar Internet, maka kami boleh menasihati anda untuk memasang program yang dibincangkan (kecuali untuk Internet Explorer atau Edge yang sudah sedia ada), bekerja di dalamnya, bandingkan kelebihan dan kekurangan, dan, dengan mengambil kira pendapat semasa, tinggalkan satu.