რა საშუალებას გაძლევთ შეამოწმოთ თქვენი ბრაუზერი. ინტერნეტთან კავშირი და ინტერნეტის ცოდნა. წესების სტატუსი პრიორიტეტის მიხედვით

მე ვუკავშირდები ჩემი ბლოგის ყველა მკითხველს რომან ჩუეშოვთან. ხალხისთვის უკვე ძალიან ადვილია, რაც შეიძლება შორს წავიდნენ, საერთოდ არ ინერვიულონ იმ პროგრამებზე, რომლებშიც მოგება სუნი აქვს. იცით რა არის ინტერნეტ ბრაუზერი და როგორ მუშაობს? ეს ყველაფერი დღესაა. გირჩევთ, ბოლომდე წაიკითხოთ ეს სტატია, სადაც აგიხსნით, რატომ არის მნიშვნელოვანი თქვენს კომპიუტერში ბრაუზერების რაოდენობის დაყენება და მათი სწორად დაყენება. მოდი, წინ წადი.

ვებ ბრაუზერი, როგორც არის

ჯერ დავიწყებ ბრაუზერის გაცნობას.

ვებ ბრაუზერი (სხვა სახელი) არის სპეციალური პროგრამა, რომელიც საშუალებას გაძლევთ ნახოთ ვებსაიტების განთავსება და მათზე განთავსებული ინფორმაცია.

მუშაობს ასე:

  • პროგრამა აიძულებს http-მოთხოვნას ამოიღოს ინფორმაცია;
  • სერვერი ანიჭებს წვდომას;
  • პროგრამა აგროვებს მონაცემებს დადგენილი სტანდარტებიდან;
  • ინტერპრეტირებული სურათის კოდი გამოჩნდება ეკრანზე.

ბრაუზერები ინტერნეტის აღმოჩენისთანავე გამოჩნდა და თანდათან შეავსო ყველა ელექტრონული მოწყობილობა. დღეს, ერთ-ერთი ვებ ბრაუზერი დაინსტალირდება თქვენს კომპიუტერზე, ტაბლეტზე ან სმარტფონზე.

ვებ ბრაუზერის შექმნის ისტორია

ყველაზე დიდი ვებ ბრაუზერი, რომელსაც აქვს გრაფიკული ინტერფეისი, ხდება . მაგრამ მას შემდეგ, რაც ამ კომპანიის დეველოპერები გადავიდნენ Netscape-ში და დაიწყეს ახალი პროდუქტის შემუშავება, დაიწყო მოზაიკის განვითარება. საბედნიეროდ, გამომავალი კოდი Microsoft-ის ხელში მოხვდა. შედეგად, მსოფლიოში ცნობილი ვიდომი დაიბადა Internet Explorer.

აქ უამრავი ადამიანია, ვისაც შეუძლია შოკში წამოიძახოს: რატომ გახდა თავად IE ასეთი პოპულარული, მაგრამ ვის არ სმენია ბევრი რამ მოზაიკის შესახებ? მარჯვნივ, მაიკროსოფტმა გააკეთა ერთი ძალიან მნიშვნელოვანი და, როგორც აღმოჩნდა, ძალიან ჭკვიანური ნაბიჯი - მასში შევიდა ბრაუზერი, როგორც ოპერაციული სისტემის სავალდებულო განახლება (იმ დროს ეს იყო Windows 95). ისე, კორისტუვაჩებს არჩევანი უბრალოდ ამოეწურათ - სუნი იყო თავად კორისტუვაჩი.

Internet Explorerსწრაფად დაიპყრო ბაზარი (95% - პრაქტიკულად მთელი მსოფლიო) და Netscape რობოტი დასრულდა. ამ შემთხვევაში, დეველოპერებმა, პროექტის დახურვის შემდეგ, გამოაქვეყნეს არასრული კოდი უფასო ლიცენზიით, რათა მომავალში მათ შეეძლოთ მისი შექმნისთვის გამოყენება.

1995 წელს ბავშვიც შეეძინა ოპერა. ამ ორმა მზერამ სწრაფად დაიწყო განვითარება, რათა ოდნავ გააორმაგოს ბაზარი, რომელსაც ისინი წარმატებით იყენებდნენ. და სანამ მაიკროსოფტი არ მოქმედებდა (მართლა, შესაძლებელია გამდიდრება, რადგან მონოპოლია ხარ?!), მასილამ და ოპერამ პოპულარულობა დაიწყეს. რეალური ბრძოლა საქონლისთვის დაიწყო, რადგან ბაზარი ახალი პროდუქტის შექმნამდე მიიწევს - .

Suchasni ვებ ბრაუზერი

მას შემდეგ რაც გაეცანით ვებ ბრაუზერის ცნებებს, შეგიძლიათ განაგრძოთ პროგრამების შერჩევა ისე, რომ ყველაფრით კმაყოფილი დარჩეთ. კიდევ რამდენიმე უკვე დაიკარგა - მათი უმეტესობა ჯერ კიდევ მცურავია.

ისე, ყველაზე პოპულარულია:

  • ოპერა;
  • Internet Explorer;
  • Apple Safari;
  • Yandex ბრაუზერი.

Google Chrome ამჟამად ყველაზე ძლიერი ბრაუზერია. ეს პროდუქტები დაფუძნებულია Chromium-ზე და მუშაობს WebKit ძრავზე. მცირე დროით ჩვენ შეგვიძლია მოვიგოთ ბაზრის 25%.

და მოიპოვა მნიშვნელობა გვერდების მიმზიდველობის სიმარტივისთვის, ფუნქციონალურობისა და სითხის გამო, ასევე მრავალფეროვანი გაფართოების ხილვადობისთვის. მნიშვნელოვანია, რომ Yandex-მა, როგორც Google-ის მთავარმა კონკურენტმა, ახლახან წარმოადგინა პროგრამის თავისი ვერსია. პიტანია, რატომ უნდათ კორისტუვაჩებს თქვენი შეცდენა? მე ასე ვფიქრობ, მე მინდა.)

Mozilla Firefox პოპულარულია რუსეთში, ასევე გერმანიასა და პოლონეთში. თუმცა, ის თანდათან კარგავს თავის პოზიციას და შეიძლება მალე მიაღწიოს ოპერის დონეს. რაც შეეხება დანარჩენს, ვიკორისტოვი მნიშვნელოვანი გახდა მობილური მოწყობილობებისთვის და მაშინვე დაივიწყა. იგივე მომდინარეობს IE-დან, რომელიც იბრძვის იზოლირებული ეპიზოდების კიდეებზე.

Okremo varto გამოიცანი Safari, რომელიც სპეციალურად Apple-ის პროდუქტებისთვის შეიქმნა. შეიყვანეთ დაინსტალირებული პროგრამების სია Mac OS X-ზე და iOS-ზე.

და Phoenix და Amigo ღერძი არის ბრაუზერები, რომლებიც კორისტუვაჩებმა საკმაოდ მოიგონეს. სუნი არის უფასო და ავტომატურად ინსტალირებულია, როდესაც თქვენ ეწვიეთ გარკვეულ საიტებს. უმჯობესია გამოიცნოთ ვირუსი, რომლის ამოღებაც გსურთ თქვენი კომპიუტერიდან რაც შეიძლება მალე.

დაიმახსოვრეთ, თუ თქვენ საიტებთან მუშაობთ, ძალიან მნიშვნელოვანია გახსოვდეთ, თუ როგორ სწორად აჩვენოთ ვებ რესურსი თქვენს ბრაუზერში. იმიტომ რომ ჩვენ დაკავებულები ვართ საიტის განლაგებით, მაშინ. ხელახლა შექმენით ბლოგის განლაგება Photoshop-ში, ტეგების გამოყენებით, ბრაუზერში ვიზუალური გარეგნობის შესახებ.

დღევანდელი მომხმარებლები სხვადასხვა ბრაუზერს იყენებენ, მაგრამ ინფორმაციის (საიტის) ჩვენება მათთვის კიდევ უფრო მნიშვნელოვანია.

მე მაქვს ყველა უახლესი ბრაუზერი დაინსტალირებული ჩემს კომპიუტერზე: Google Chrome, Mozilla Firefox, Opera, Internet Explorer, Apple Safari for Windows, Yandex Browser. თქვენ შეგიძლიათ მოიზიდოთ ისინი ყოველგვარი ხარჯების გარეშე ინტერნეტში ოფიციალურ ვებსაიტებზე.

ასე რომ, ეს არის ახლა. დააინსტალირეთ თქვენი ბრაუზერები თქვენს კომპიუტერში და წაიკითხეთ სტატიები ამ განყოფილებიდან და თქვენ შეისწავლით თუ როგორ სწორად დააკონფიგურიროთ ისინი გლუვი და უწყვეტი მუშაობისთვის.

პატივისცემით, რომან ჩუეშოვი

შუადღე მშვიდობისა, Start-Luck ბლოგის თანამემამულე მკითხველებო. მარტივი კვების ზოგიერთმა იდეამ შეიძლება გამოავლინოს უცნაური გამოსვლები, რომლის შესახებაც ადამიანებს აქამდე არასოდეს სმენიათ. ჩვენ მხოლოდ ნათურის, მიკროთმიანი ჩიტისა და სასხლეტის მწოვართან ჟრიამულისკენ მოვუწოდეთ.

მსურს ვნახო სტატია იმის შესახებ, თუ როგორ მუშაობს მანქანები და როგორ მივაღწიოთ ახალ დონეს. როგორც კი შეძლებთ ადამიანად მუშაობას, მალე დაასრულებთ მუშაობას საზიზღარ ელექტრიკოსად ან ყველა პროფესიის ოსტატად, რომლისთვისაც სიკეთე არ არის პრობლემა.

დღეს არის რამდენიმე სიტყვა სხვა გამოსვლებზე. მოდით ვისაუბროთ ბრაუზერებზე და მათი მუშაობის პრინციპებზე. ნაკლებად სავარაუდოა, რომ თუ გქონდეთ კარგი ბრაუზერი, მაშინ ამ სტატიის შემდეგ თქვენ არ დაგრჩება ძალა საიტების გავლენის გამო. ვისზეც ეჭვი არ მეპარება.

Yak vlashovany ვებსაიტზე

ნებისმიერი ელექტრონული რესურსი ნიშნავს ფაილების კრებულს. ზოგიერთი წარმოადგენს დიზაინს, სხვები - სატესტო საწყობს. გთხოვთ დაწეროთ დამატებითი სპეციალური პროგრამირებისთვის. ვებსაიტების ყველა შემქმნელს არ ესმის კოდი, მაგრამ ისინი იყენებენ მარტივ პროგრამებს, რომლებიც თავად გარდაქმნიან მოქმედებებს კოდებად და ფაილებად.

თუ საიტს უყურებთ, როგორც მას ბრაუზერები ხედავენ, შექმნით საქაღალდეს გაურკვეველი სახელით, რომელშიც განთავსდება სხვა ფაილები. ერთ-ერთ მათგანს რომ შეხედო, საერთოდ ვერაფერს გაიგებ.

დოკუმენტების ეს ნაკრები განთავსებულია გამომცემლის კომპიუტერში და მიუწვდომელია მკითხველისთვის. სუნი ინტერნეტში არ არის. გახსენით საიტი საჯარო სანახავად დასახმარებლად. უხეშად რომ ვთქვათ, მათ აქვთ მსგავსი დიდი ფლეშ დრაივები, რომლებზეც ინახება საქაღალდეები ვებსაიტებით.

თითოეულ საქაღალდეს ენიჭება URL, ან, მარტივად რომ ვთქვათ, მისამართი. შეიყვანეთ ის თქვენი ბრაუზერის მისამართის ზოლში და ის მიგიყვანთ საქაღალდეში. ეს ყველაფერი არ არის ბრაუზერების შეჩერება, მაგრამ ამაზე შემდეგ განყოფილებაში ვისაუბრებთ.

ბრაუზერის მისია

როგორც უკვე ვთქვი, არის სიმღერები პროგრამებით, რომლებიც დაქირავებულებს ეხმარება. და ეს არის ბრაუზერები, რომლებიც საჭიროა საიტის სანახავად კოდის ცოდნის გარეშე, არა მხოლოდ საქაღალდის ნახვით, არამედ სრულიად ახალი გზით.

მაგალითად, პროგრამისტი ამბობს: „სტატიის ღერძი და ამ ფრაზაზე დაწკაპუნების შემდეგ, ადამიანი უნდა გადავიდეს ჩემი საიტის მეორე მხარეს“. შეიყვანეთ სიმღერის კოდი აქ. არ ინერვიულოთ ამაზე, ბრაუზერს არ ადარდებს და მკითხველი მაშინვე ხედავს ამას, როგორც შეტყობინებების გაგზავნა თქვენი სკამებიდან.

პროგრამირების სწავლა არც ისე ადვილია, როგორც ერთი შეხედვით შეიძლება ფიქრობთ. არსებობს ბევრი მარტივი, რომელიც საშუალებას გაძლევთ გაამარტივოთ თქვენი ცხოვრება და მუშაობა ინტერნეტში. არანაკლებ კურსები, რომლებიც ჩაიდანებს ეხმარება დაეუფლონ ოსტატობის დახვეწილობას. Მაგალითად, " WordPress 4: ივარჯიშეთ ვებსაიტის შექმნაზე „მიხაილა რუსაკოვა. გაკვეთილები კიდევ უფრო მარტივია. მაგალითად, კანის მოვლა შეიძლება გამოყენებულ იქნას როგორც საცნობარო ვებსაიტი.


აბა, რატომ გვჭირდება ბრაუზერები, ჩვენ შეგვეხმიანეთ. ახლა კი გაოცებული ვიყოთ სუნზე.

კლასიფიკაცია

როგორც ამბობენ, ბრაუზერების გამოყოფა რთულია. არა თქვენ, ვინც ატყუებთ - სუნი თითქმის ერთი და იგივეა. განსხვავება ძირითადად ინტერფეისშია, მაგრამ სიმარტივეში და უმნიშვნელო ნიუანსებში.

დღეს უკვე არაერთხელ ვცადე ეს თემა: Google Chrome, Yandex Browser, Opera, Mozilla. ვერ წარმომიდგენია მათი ასე დაყოფა.

მე მოგცემთ მარტივ ალტერნატივას. რაც შეეხება ძროხას, ის შეიძლება კლასიფიცირდეს მარაგის, ფასის, მომზადების მეთოდის მიხედვით (შებოლილი, მოხარშული). ამდენი ბრაუზერი არ არის და ყველა მათგანი დაახლოებით ერთნაირია, ამიტომ მათი დაყოფა შესაძლებელია მხოლოდ ბრაუზერის მიხედვით, მაგრამ, რაც შემეხება, ეს ცუდი კლასიფიკაციაა.

მათი მუშაობის პრინციპი და მისია იგივეა, რაც არ უნდა მოხდეს. მაშ, როგორ ძარცვავენ ადამიანები ბრაუზერებს? მთავარია ინტერფეისი. ყველა პატარა აურზაური ტრიალებს და ხალხის ხმა მათკენ მოუწოდებს. მაგალითად, როდესაც შედიხართ Yandex Browser-ში, მოგეწოდებათ წაიკითხოთ ახალი პროდუქტები, რომლებიც შეიძლება თქვენთვის სასარგებლო იყოს. ამას სვამენ კორისტუვაჩები.

როგორც ჩანს, Google Chrome ბრაუზერი ხსნის ფართო ვებსაიტებს. ვერ ვიტყვი, რამდენად შეესაბამება ეს სიმართლეს. მე განსაკუთრებით მაინტერესებს მრავალი ბრაუზერი და ყველას უნარი დამალვა ინტერნეტში. მიეცით Yandex-მა დაადასტუროს ტურბო რეჟიმების შესახებ, მაგრამ თუ საღამოს ქსელი ხელახლა დაპროექტებულია და ტორენტი მთლიანად გაშვებულია, თქვენ ვერ შეძლებთ გვერდის ჩამოტვირთვას წამში.

როგორ ავირჩიოთ ბრაუზერი, დააინსტალიროთ ბრაუზერი და უბრალოდ გაინტერესებთ რომელი თქვენთვის ყველაზე სასარგებლოა. აბა, სულ ესაა. ასევე გამოიწერეთ ბიულეტენი, რომ მიიღოთ მკაფიო ინფორმაცია.

ახალ გამოწვევებამდე და წარმატებებს გისურვებთ.

თქვენმა კომპიუტერმა შეიძლება ვერ შეძლოს ამ მასალის ფუნქციონირების მხარდაჭერა.

ForEach.call(document.querySelectorAll("header .date a"), ფუნქცია(elem, i) (elem.textContent += " (" + ["ავტორი","რედაქტორი"][i] + ")"; ) );

პერედმოვა

ეს ანგარიში ავლენს WebKit და Gecko სისტემების შიდა მუშაობას და არის ისრაელის ვებ პროგრამისტის ტალია გარსიელის მიერ ჩატარებული ვრცელი კვლევის შედეგი. მან მრავალი წელი გაატარა ყველა იმ ინფორმაციის შეგროვებაში, რომელიც გამოქვეყნებულია დაკავშირებული ბრაუზერების შესახებ (განყოფილება) და მრავალი საათი დაუთმო მათი გამომავალი კოდის ანალიზს. რა დაწერა თავად ტალიმ:

თუ კომპიუტერების 90%-ს ჰქონდა IE დაინსტალირებული, თქვენ უნდა შეეგუოთ ამას, რაც არის „შავი ეკრანის“ საიდუმლო, მაგრამ ახლა, თუ კომპიუტერების ნახევარზე მეტი ირჩევს ბრაუზერებს ღია კოდით, დადგა დრო. რომ შემობრუნდნენ, რა იმედი აქვთ არის შუა i, C++ პროგრამის კოდის მილიონობით რიგში...
ტალიმ გამოძიების შედეგები გამოაქვეყნა თავის ვებსაიტზე, მაგრამ ჩვენ პატივს ვცემთ, რომ ისინი იმსახურებენ ფართო აუდიტორიის პატივისცემას, ამიტომ მათ აქ ვათავსებთ გარკვეული ლაკონურად.

ვებ ბრაუზერი, რომელიც იცნობს ბრაუზერების მუშაობის შიდა მექანიზმს, უკეთეს გადაწყვეტილებებს იღებს ერთი ან მეორეს არჩევისას. იმისათვის, რომ შეავსოთ ეს მოცულობითი დოკუმენტი, გირჩევთ, წაიკითხოთ იგი, რადგან ის ძალიან მნიშვნელოვანია და გარანტიას გაძლევთ, რომ თქვენ არ დაზარალდებით. Paul Irish, Chrome Developer Relations

შედი

ვებ ბრაუზერები შეიძლება იყოს ყველაზე მოწინავე პროგრამები. ვის ასისტენტსაც ავუხსნი, როგორ მოვიქცეთ სურნელებთან. მოდით უფრო ახლოს მივხედოთ რას ელით იმ მომენტში, როდესაც აკრიფებთ google.ru-ს მისამართების ზოლში, სანამ Google გვერდი გამოჩნდება ეკრანზე.

მოდით შევხედოთ რა ბრაუზერები გვაქვს

დღეს არის ხუთი ძირითადი ბრაუზერი: Internet Explorer, Firefox, Safari, Chrome და Opera. მაგალითად, დახურული კოდის მქონე ბრაუზერები გამოიყენება: Firefox, Chrome და Safari (კოდი ხშირად იმალება). StatCounter ვებსაიტზე ბრაუზერების პოპულარობის სტატისტიკის საფუძველზე, 2011 წლის დასაწყისისთვის Firefox, Safari და Chrome ბრაუზერები დაინსტალირებული იყო მთლიანი მოწყობილობების 60%-ზე. ამრიგად, ღია კოდის მქონე ბრაუზერები დღეს კიდევ უფრო ძლიერ პოზიციებზე არიან.

ბრაუზერის ძირითადი ფუნქციები

ბრაუზერის მთავარი დანიშნულებაა ვებ რესურსების ჩვენება. ამ მიზნით, მოთხოვნა იგზავნება სერვერზე და შედეგი ნაჩვენებია ბრაუზერის ფანჯარაში. რესურსები ძირითადად HTML დოკუმენტებია, მაგრამ ისინი ასევე შეიძლება შეიცავდეს PDF ფაილს, სურათს ან სხვა ადგილს. რესურსის გაფართოება მითითებულია დამატებითი URI-ით (რესურსების ერთიანი იდენტიფიკატორი).

ბრაუზერის მიერ HTML ფაილების დამუშავება და ჩვენება განისაზღვრება HTML და CSS სპეციფიკაციებით. სუნებს კონსორციუმი ანადგურებს W3Cრომელიც ხელს უწყობს ინტერნეტის სტანდარტებს.
ბევრმა თანამედროვე ბრაუზერმა უზრუნველყო მხოლოდ რამდენიმე სპეციფიკაცია და ისინი შეიქმნა გაფართოებებთან ერთად. ვებ დეველოპერებისთვის ეს სერიოზულ პრობლემებსა და სიგიჟეს ნიშნავდა. დღეს ბრაუზერების უმეტესობა მეტ-ნაკლებად აკმაყოფილებს ყველა სპეციფიკაციას.

სხვადასხვა ბრაუზერების მომხმარებლის ინტერფეისი შეიძლება საკმაოდ რთული იყოს. ბრაუზერის ინტერფეისის ძირითადი ელემენტები ჩამოთვლილია ქვემოთ.

  • მისამართების ზოლი URI შესაყვანად
  • ნავიგაციის ღილაკები "უკან" და "წინ"
  • სანიშნეები
  • გვერდის განახლებისა და განახლების ღილაკები
  • მთავარ გვერდზე გადასასვლელად დააჭირეთ ღილაკს "Dome".

გასაკვირი არ არის, რომ არ არსებობს სპეციფიკაციები, რომლებიც განსაზღვრავს სტანდარტებს ბრაუზერის ინტერფეისისთვის. დღევანდელი ინტერფეისები დიდი ევოლუციის შედეგია და ცნობილია, რომ დეველოპერები ხშირად კოპირებენ ერთმანეთს. HTML5 სპეციფიკაცია არ აკონკრეტებს რა შეუძლია ბრაუზერის ინტერფეისს, თუ ჩამოთვლილია ძირითადი ელემენტები. მისამართების მწკრივი, მწკრივი და ხელსაწყოთა პანელი გამოჩნდება მათ წინ. რა თქმა უნდა, არის ასევე კონკრეტული ფუნქციები, როგორიცაა Firefox-ის მოზიდვის მენეჯერი.

ზედა დონის სტრუქტურა

ქვემოთ მოცემულია ბრაუზერის ძირითადი კომპონენტები ().

  1. კორისტუვალნიცკის ინტერფეისი– მოიცავს მისამართის რიგს, ღილაკებს „უკან“ და „წინ“, სანიშნეების მენიუ და ა.შ. მანამდე ნაჩვენებია ყველა ელემენტი, გარდა ფანჯრისა, რომელშიც ნაჩვენებია აქტიური გვერდი.
  2. ბრაუზერის ძრავა- ურთიერთქმედებს გამოსახულების მოდულის ინტერფეისთან.
  3. გამოსახულების მოდული- მიუთითებს, რომ ეკრანზე ნაჩვენებია კვების არე. მაგალითად, როდესაც HTML დოკუმენტი იტვირთება, რენდერის მოდული აანალიზებს HTML და CSS კოდებს და აჩვენებს შედეგს ეკრანზე.
  4. კომპონენტების შერწყმა- შესაფერისია ისეთი ზარების შესაქმნელად, როგორიცაა HTTP მოთხოვნები. მისი ინტერფეისი არ არის დამოკიდებული პლატფორმის ტიპზე, რისთვისაც არსებობს განსხვავებული განხორციელება.
  5. ვიკონავჩა კორისტუვაჩის ინტერფეისის ნაწილი– გამოიყენება ძირითადი ვიჯეტების საჩვენებლად, როგორიცაა ფანჯრები და ველები სიებით. ეს უნივერსალური ინტერფეისი ასევე დამოკიდებულია პლატფორმის ტიპზე. ბოლო ნაწილი ყოველთვის აცნობს მეთოდებს კონკრეტული ოპერაციული სისტემის ინტერფეისში.
  6. JavaScript თარჯიმანი– გამოიყენება JavaScript კოდის სინტაქსური ანალიზისა და ანალიზისთვის.
  7. ხარკების თაიგული- აუცილებელია პროცესების დაზოგვისთვის. ბრაუზერი ინახავს სხვადასხვა ტიპის მონაცემებს თქვენს მყარ დისკზე, როგორიცაა ქუქი ფაილები. ახალ HTML სპეციფიკაციას (HTML5) აქვს სპეციალური ტერმინი „მონაცემთა ბაზა“: სრულფასოვანი (თუმცა უფრო მსუბუქი) ბრაუზერზე დაფუძნებული მონაცემთა ბაზა.
მალიუნოკი. ბრაუზერის ძირითადი კომპონენტები.

გთხოვთ გაითვალისწინოთ, რომ Chrome, ბრაუზერების უმეტესობისგან განსხვავებით, ინახავს დისპლეის მოდულის უამრავ შემთხვევას, თითო ჩანართზე, ასევე მიმდებარე პროცესებს.

გამოსახულების მოდული

როგორც სახელიდან მიხვდით, დისპლეის მოდული პასუხისმგებელია ბრაუზერის ეკრანზე ელექტრომომარაგების არეალის ჩვენებაზე.

თქვენ უნდა აჩვენოთ HTML და XML დოკუმენტები, ასევე სურათები. სპეციალური მოდულები (ბრაუზერის გაფართოებები), რომლებიც დაკავშირებულია, შეიძლება გამოჩნდეს სხვა ადგილებში, როგორიცაა PDF ფაილები. თუმცა, ეს განყოფილება მოიცავს მთავარ ფუნქციებს: HTML დოკუმენტების და სურათების დაფორმატება დამატებითი CSS სტილის გამოყენებით.

გამოსახულების მოდულები

ბრაუზერებს (Firefox, Chrome და Safari), რომ გვითხრათ, ორი დისპლეის მოდული აქვთ. Firefox ჩერდება Gecko-სთან – Mozilla-ს ვერსია უფასოა, ხოლო Safari და Chrome გამარჯვებულები არიან WebKit-ით.

WebKit არის რენდერის მოდული ღია კოდით, რომელიც შემუშავებულია Linux პლატფორმისთვის და Apple-ის მიერ Mac OS-ისა და Windows-ის ადაპტაციისთვის. დეტალური ინფორმაცია შეგიძლიათ იხილოთ ვებ-გვერდზე webkit.org.

რობოტის ძირითადი სქემა

გამოსახულების მოდული ცვლის მიღებულ დოკუმენტს შუამავალი პროტოკოლით, რომელსაც ეწოდება ფრაგმენტები 8 კბ.

გამოსახულების მოდულის შემდგომი მუშაობის დიაგრამა ჩანს ქვემოთ.

მალიუნოკი. რობოტული გამოსახულების მოდულის სქემა.

რენდერის მოდული აანალიზებს HTML დოკუმენტს და თარგმნის ტეგებს ხის კვანძებიდან. ინფორმაცია სტილის შესახებ მოდის როგორც გარე CSS ფაილებიდან, ასევე სტილის ელემენტებიდან. ეს ინფორმაცია და ინსტრუქციები HTML ფაილებში გამოსატანად გამოიყენება სხვა ხის შესაქმნელად - .

მნიშვნელოვანია ორთოკანური მცენარეების შერწყმა ვიზუალურ ატრიბუტებთან, როგორიცაა ფერი და ზომა. სწორი საჭრელები განლაგებულია იმ თანმიმდევრობით, რომლითაც სურნელი გამოჩნდება ეკრანზე.

გამოსახულების ხის შექმნის შემდეგ, ელემენტები იწყება, თითოეულ კანის კვანძზე მოცემულია ეკრანის წერტილის კოორდინატები და ისინი შეიძლება გამოჩნდნენ. შემდეგ ის აჩვენებს დისპლეის ხის რომელი კვანძები თანმიმდევრულად არის დახატული მომხმარებლის კომპიუტერული ინტერფეისის უკან.

მნიშვნელოვანია გვესმოდეს, რომ ეს არის თანმიმდევრული პროცესი. მომხმარებლის მოხერხებულობისთვის, ჩვენების მოდულს შეუძლია აჩვენოს ცვლილებები ეკრანზე რაც შეიძლება მალე, ასე რომ, ჩვენების ხის შექმნა და განლაგება შეიძლება დაიბეჭდოს HTML კოდის ანალიზის დასრულებამდეც კი. დოკუმენტის ზოგიერთი ნაწილი გაანალიზებულია და ნაჩვენებია ეკრანზე, ზოგი კი არ არის გადაცემული ქსელის საშუალებით.

გამოიყენეთ იგი რობოტულად

მალიუნოკი. WebKit ჩვენების მოდულის სქემატური დიაგრამა. მალიუნოკი. Mozilla Gecko() გამოსახულების მოდულის სქემატური დიაგრამა.

როგორც Little Ones 3-დან და 4-დან ჩანს, WebKit და Gecko განსხვავდება ტერმინოლოგიით, მაგრამ მათი მუშაობის სქემები პრაქტიკულად იდენტურია.

გეკოში ვიზუალურად ფორმატირებული ელემენტების ხეს ეწოდება ჩარჩო ხე, რომელშიც კანის ელემენტი არის ჩარჩო. WebKit ქმნის რენდერის ხეს, რომელიც შედგება რენდერის ობიექტებისგან. WebKit-ში ელემენტების განთავსებას layout ან განლაგება ეწოდება, ხოლო Gecko-ში მას reflow. DOM კვანძებისა და ვიზუალური ატრიბუტების კომბინაციას ხედის ხის შესაქმნელად ეწოდება დანართი WebKit-ში. Gecko-ს მცირე ძალა, რომელიც არ აწუხებს სემანტიკას, განპირობებულია იმით, რომ HTML ფაილსა და DOM ხეს შორის არის კიდევ ერთი ფენა. ამას ეწოდება შინაარსის ჩაძირვა და ემსახურება როგორც DOM ელემენტების ფორმას. ახლა მოდით ვისაუბროთ მოხსენების კანის სტადიაზე.

სინტაქსური ანალიზი: ფარული გვერდები

ზოგიერთი ანალიზი მოდულის მნიშვნელოვანი ეტაპია, რომელსაც ამ ანგარიშში განვიხილავთ. ამაზე მოკლე შესავალში ვისაუბროთ.

დოკუმენტის სინტაქსური ანალიზის დროს ყურადღება ექცევა მის საკითხავ და ლიტერატურულ სტრუქტურად გადაქცევას. სინტაქსური ანალიზის შედეგი, როგორც წესი, არის კვანძების ხე, რომელიც ქმნის დოკუმენტის სტრუქტურას. მას უწოდებენ სინტაქსური ანალიზის ხეს, ან უბრალოდ სინტაქსურ ხეს.

მაგალითად, 2 + 3 - 1 გამოხატვის გაანალიზების შედეგად, შეგიძლიათ მიიღოთ შემდეგი ხე:

მალიუნოკი. ხის ვუზოლი მათემატიკური გამონათქვამებისთვის.

გრამატიკა

სინტაქსური ანალიზი ხორციელდება წერილობითი წესების საფუძველზე, რომლებიც მითითებულია დოკუმენტის ფორმატით. თითოეული ფორმატისთვის არსებობს გრამატიკული წესები, რომლებიც წარმოიქმნება ლექსიკისა და სინტაქსიდან. სუნი იქმნება თ.ზ. . ბუნებრივი ენები არ იცავენ კონტექსტის თავისუფალი გრამატიკის წესებს, ამიტომ მათთვის შესაფერისია სტანდარტული სინტაქსური ანალიზის ტექნიკა.

სინტაქსური და ლექსიკური ანალიზატორი

ამავდროულად, ლექსიკური ანალიზი სინტაქსურთან ჩერდება.

ლექსიკური ანალიზი მოიცავს ინფორმაციას ტოკენებისა და ლექსემების შესახებ. ჟეტონები ქმნიან ორივე ენის ლექსიკას და სხვა კონსტრუქციულ ელემენტებს დოკუმენტების შესაქმნელად. ბუნებრივ ენაზე, ყველა სიტყვა, რომელიც ლექსიკონებში გვხვდება, იყო ნიშანი.

სინტაქსური ანალიზის აზრი მდგომარეობს ენის სტაგნატურ სინტაქსურ წესებში.

დოკუმენტის ანალიზი შედგება ორი კომპონენტისგან: ლექსიკური ანალიზატორი, რომელიც აანალიზებს სიმბოლოების შეყვანის თანმიმდევრობას აქტიურ ტოკენებზე და პარსერი, რომლებიც აანალიზებენ დოკუმენტის სტრუქტურას მოცემული ენის სინტაქსურ წესებზე დაყრდნობით და ქმნიან სინტაქსურ ხეს. ანალიზატორი უგულებელყოფს არაინფორმაციულ სიმბოლოებს, როგორიცაა ხარვეზები და მწკრივების გადატანა.

მალიუნოკი. გამომავალი დოკუმენტიდან სინტაქსურ ხეზე გადასვლა.

სინტაქსური ანალიზი განმეორებითი პროცესია. ამის შემდეგ პარსერი ითხოვს ახალ ჟეტონს ლექსერისგან და ამოწმებს მის შესაბამისობას სინტაქსის წესებთან. როდესაც შესაძლებელია ტიპის დადგენა, სინტაქსურ ხეში ტოკენისთვის იქმნება ახალი კვანძი და ანალიზატორი მოიხმარს ახალ ჟეტონს.

როგორც კი ჟეტონი ემთხვევა მოცემულ წესს, პარსერი ხურავს მას და ითხოვს ასეთ ტოკენებს. ეს გაგრძელდება მანამ, სანამ არ მოიძებნება წესი, რომელიც შეესაბამება ყველა სიმბოლურ დეპოზიტს. თუ ეს წესი არ იცით, ანალიზატორი უშვებს შეცდომებს. ეს ნიშნავს, რომ დოკუმენტი შეიცავს სინტაქსურ შესწორებებს და არანაირად არ შეიძლება დამუშავდეს.

თარგმანი

სინტაქსის ხე ყოველთვის არ არის ნარჩენი შედეგი. პარსინგი ხშირად გამოიყენება შეყვანის დოკუმენტის საჭირო ფორმატში თარგმნის პროცესში. კონდახი შეიძლება იყოს კომპილაცია. შემდგენელი, რომელიც თარგმნის გამომავალ კოდს მანქანის კოდში, ჯერ აანალიზებს მას და აყალიბებს სინტაქსურ ხეს, შემდეგ კი ქმნის დოკუმენტს მანქანის კოდით ამ ხეზე დაყრდნობით.

მალიუნოკი. შედგენის ეტაპები.

სინტაქსური ანალიზის მაგალითი

პატარა 5 აჩვენებს სინტაქსურ ხეს, რომელიც შთაგონებულია მათემატიკური ფორმულით. მნიშვნელოვანია ელემენტარული მათემატიკური ენის გაგება და სინტაქსური ანალიზის პროცესის დათვალიერება.

ლექსიკა: ჩვენი ენა შეიძლება შეიცავდეს მთელ რიცხვებს, პლუს და მინუს ნიშნებს.

Სინტაქსი

  1. ენის სტრუქტურული ელემენტებია ენა, ოპერანდები და ოპერატორები.
  2. ენას შეუძლია შურისძიება ნებისმიერ ვირუსზე.
  3. Viraz არის თანმიმდევრობა, რომელიც შედგება ოპერანდისგან, ოპერატორისა და სხვა ოპერანდისგან.
  4. ოპერატორი - ce token პლუს ან მინუს.
  5. ოპერანდი არის მთელი რიცხვის ნიშანი chi viraz.

მოდით შევხედოთ სიმბოლოების შეყვანის თანმიმდევრობას 2+3 – 1.
პირველი ელემენტი, რომელიც ადასტურებს წესს, არის 2 (წესთან No5 ეს არის ოპერანდი). კიდევ ერთი ასეთი ელემენტია 2 + 3 (მიმდევრობა, რომელიც ემატება ოპერანდს, ოპერატორს და სხვა ოპერანდს, განისაზღვრება წესი No3). დავიწყოთ შემდეგი პრინციპებით: თანმიმდევრობა 2 + 3 - 1 უდრის შემდეგს. ფრაგმენტები 2+3 არის ოპერანდი და ჩვენ გამოვყოფთ თანმიმდევრობას, რომელიც შედგება ოპერანდისგან, ოპერატორისა და სხვა ოპერანდისგან, რომელიც მიუთითებს შესაბამის გამოხატულებაზე. რიგი 2 + + არ შეესაბამება წესებს, ამიტომ იგი ჩაითვლება არასწორად.

ლექსიკისა და სინტაქსის ფორმალური მნიშვნელობა

კონდახის ენა შეიძლება ითარგმნოს შემდეგნაირად:

INTEGER:0|* პლუს: + მინუს: - მოგეხსენებათ, მთელი რიცხვები გამოითვლება რეგულარული გამოსახულებით.

სინტაქსი ძირითადად აღწერილია BNF ფორმატში. ზოგადად ენა შეიძლება აღწერილი იყოს შემდეგნაირად:

გამოთქმა:= ტერმინი ოპერაცია ვადა ოპერაცია:= PLUS | მინუს ვადა:= მთელი | გამოხატულება

როგორც უკვე აღვნიშნეთ, ენის გაანალიზება შესაძლებელია სტანდარტული პარსერების გამოყენებით, როგორიცაა გრამატიკა კონტექსტურიეს შეიძლება სრულად იყოს გამოხატული BNF ფორმატში. კონტექსტის გარეშე გრამატიკის ოფიციალური განმარტება შეგიძლიათ იხილოთ ვიკიპედიის სტატიაში.

პარსერის ტიპები

არსებობს ორი სახის პარსერი: დაბალი დონის და მაღალი დონის. პირველი ანალიზი ძირამდე დაიწვება, დანარჩენები კი ძირამდე დაიწვება. ქვედა დინების ანალიზატორები აანალიზებენ ზედა დონის სტრუქტურას და ეძებენ მსგავს სინტაქსურ წესებს. შეყვანის ანალიზატორები თავდაპირველად აანალიზებენ სიმბოლოების შეყვანის თანმიმდევრობას და ეტაპობრივად განსაზღვრავენ მის სინტაქსურ წესებს, დაწყებული ქვედა დონის წესებით და დამთავრებული ზედა დონის წესებით.

ახლა გასაოცარია, როგორ გაუწიეს წინააღმდეგობა ამ ორი ტიპის ანალიზატორმა ჩვენს კონდახზე.

მსგავსი ანალიზატორი დაიწყო ზედა დონის წესებიდან და დაადგინა, რომ 2 + 3 ტოლია. შემდეგ აღმოვაჩენთ, რომ 2 + 3 – 1 ასევე ვირუსია (სხვადასხვა გამოთქმის პროცესში არის მსგავსება სხვა წესებთან, რომლებიც ყოველთვის ითვლებოდა ზედა დონის წესად).

გამომავალი ანალიზატორმა დაამუშავა სიმბოლოების თანმიმდევრობა, იპოვა შესაფერისი წესი, რომელსაც შეუძლია შეცვალოს გამოხატვის ფრაგმენტი და ასე შემდეგ დარჩენილი თანმიმდევრობა. შემდეგ ნაწილობრივი გარეგნობის მქონე ვირუსები მოთავსებულია ანალიზატორის დასტაზე.

ასეთი ანალიზატორის გაშვებისას, სიმბოლოების შეყვანის თანმიმდევრობა იშლება მარჯვნივ (წარმოიდგინეთ კურსორი, რომელიც მოთავსებულია მიმდევრობის დასაწყისში და ანალიზის დროს იშლება მარჯვნივ) და თანდათან მცირდება სინტაქსურ წესებამდე.

პარსერების ავტომატური შექმნა

არსებობს სპეციალური პროგრამები პარსერების შესაქმნელად, რომელსაც გენერატორები ეწოდება. საკმარისია გენერატორში ენის გრამატიკა (ლექსიკა და სინტაქსური წესები) დაამატოთ და ის ავტომატურად შექმნის ანალიზატორს. პარსერის შესაქმნელად საჭიროა მისი მუშაობის პრინციპების ღრმა გაგება და მისი ხელით შექმნა არც ისე ადვილია, ამიტომ გენერატორები შეიძლება იყოს ძალიან უხეში.

DOM

სინტაქსის ხე შედგება DOM ელემენტებისა და ატრიბუტების კვანძებისგან. DOM - დოკუმენტის ობიექტის მოდელი - ემსახურება HTML დოკუმენტის და HTML ელემენტის ინტერფეისის წარმოდგენას გარე ობიექტებისთვის, როგორიცაა JavaScript.
ხის ძირში არის Document ობიექტი.

DOM პრაქტიკულად განლაგების იდენტურია. მოდით შევხედოთ მარკირების კონდახს:

Გამარჯობა მსოფლიო

DOM ხე ამ განლაგებისთვის ასე გამოიყურება: Malyunok. DOM ხე კონდახიდან განლაგებისთვის.

სიტყვების ქვეშ „ხე DOM კვანძების განთავსებისთვის“ ნიშნავს, რომ ხე შედგება ელემენტებისაგან, რომლებიც ახორციელებენ ერთ-ერთ DOM ინტერფეისს. ბრაუზერებს აქვთ კონკრეტული იმპლემენტაციები, რომლებიც უზრუნველყოფენ დამატებით ატრიბუტებს შიდა ვიკისთვის.

ანალიზების ალგორითმი

როგორც უკვე ითქვა წინა სექციებში, HTML კოდის ანალიზი არ შეიძლება გაკეთდეს სტანდარტული ქვედა ან გამავალი პარსერების გამოყენებით.

ქვემოთ მოცემულია მიზეზი.

  1. ენას აქვს „მოწყალე“ ხასიათი.
  2. ბრაუზერებს აქვთ ჩაშენებული მექანიზმები HTML კოდის გარკვეული ნაწილების დასამუშავებლად.
  3. ანალიზების ციკლი ხასიათდება ხელახლა შესვლის უნარით. გამომავალი დოკუმენტი არ იცვლება ანალიზის პროცესში, თუმცა, HTML ტეგების შეყვანისას სკრიპტში, რომელიც ცვლის document.write, შეიძლება დაემატოს ახალი ტოკენები, ასე რომ, გამომავალი კოდი შეიძლება შეიცვალოს.

ზოგიერთი სტანდარტული პარსერი არ არის შესაფერისი HTML-ისთვის; ბრაუზერები ქმნიან სხვადასხვა პარსერებს.

HTML5 სპეციფიკაციაში მოხსენების აღწერილობების სინტაქსური ანალიზის ალგორითმი. იგი შედგება ორი ეტაპისგან: ლექსიკური ანალიზი და ხის ანალიზი.

ლექსიკური ანალიზის შედეგად სიმბოლოების შეყვანის თანმიმდევრობა იყოფა ტოკენებად. HTML ტოკენებს წინ უძღვის ტეგების გახსნა და დახურვა, ასევე ატრიბუტების სახელები და მნიშვნელობები.

ლექსიკური ანალიზატორი იდენტიფიცირებს ჟეტონს, გადასცემს მას ხის კონსტრუქტორს და გადადის შემდეგ სიმბოლოზე, ეძებს შემდგომ ნიშნებს და ასე გრძელდება შეყვანის თანმიმდევრობის დასრულებამდე.

მალიუნოკი. HTML კოდის ანალიზის ეტაპები (Dzherelo: HTML5 სპეციფიკაცია).

ლექსიკური ანალიზის ალგორითმი

ალგორითმის შედეგი არის HTML ნიშანი. გამონათქვამების ალგორითმი ჰგავს ავტომატს, ბრუნვის ტერმინალური რაოდენობით. კანის საიტი აწარმოებს შეყვანის თანმიმდევრობის ერთ ან მეტ სიმბოლოს, რის საფუძველზეც დგინდება ასეთი ადგილი. ის უნდა იყოს შენახული ლექსიკური ანალიზისა და ხის ჩამოყალიბების ეტაპზე, რათა ერთი და იგივე სიმბოლოს დამუშავებამ გამოიწვიოს სხვადასხვა შედეგი (სხვადასხვა ეტაპები) საწარმოო ხაზში. ალგორითმი მარტივია, ასე რომ, ჩვენ შეგვიძლია ნათლად აღვწეროთ ის, ასე რომ, მოდით შევხედოთ მაგალითს, რომელიც დაგვეხმარება უკეთ გავიგოთ ჩვენი მუშაობის პრინციპი.

Vikonaemo მარტივი HTML კოდის ლექსიკური ანალიზი:

Გამარჯობა მსოფლიო

კობის ბანაკი - "ხარკი". როდესაც ანალიზატორი აჩვენებს სიმბოლოს< , состояние меняется на "ტეგის დამალვა". როგორც კი ასო (a-z) გამოჩნდება, იხსნება თეგის ჟეტონი და იცვლება "ტეგის სახელი". ის შეინახება მანამ, სანამ არ გამოჩნდება სიმბოლო >. სიმბოლოები სათითაოდ ემატება ახალი ტოკენის სახელს. ჩვენი vipad აჩვენებს html ჟეტონს.

როდესაც სიმბოლო > გამოჩნდება, ჟეტონი მზად არის და ანალიზატორი ტრიალებს "ხარკი". მონიშნეთ უბრალოდ ასე გამოდის. ამრიგად, ანალიზატორმა უკვე შექმნა html და სხეულის ტეგები და მიუბრუნდა "ხარკი". ასო H-ს გამოჩენა ფრაზაში Hello world იწვევს სიმბოლოს წარმოქმნას. იგივე მეორდება სხვა ასოებით, სანამ ანალიზატორი არ მიაღწევს სიმბოლოს< в теге . ჟეტონი იქმნება ფრაზი Hello world-ის კანის სიმბოლოსთვის.

შემდეგ ანალიზატორი ისევ ბრუნდება "ტეგის დამალვა". სიმბოლოზე გამოვლენა / იკეტება თეგის ჟეტონის შექმნამდე და სცენაზე გადასვლამდე "ტეგის სახელი". ის შეინახება მანამ, სანამ არ გამოჩნდება სიმბოლო >. ამ მომენტში, ახალი ტეგის ნიშანი იქმნება და ანალიზატორი უბრუნდება "ხარკი". პერსონაჟების თანმიმდევრობახდება ფრაგმენტული, როგორც ზემოთ იყო აღწერილი.

მალიუნოკი. სიმბოლოების ლექსიკური ანალიზი შეყვანის თანმიმდევრობით.

ხის ალგორითმი

როდესაც პარსერი მუშაობს, იქმნება Document ობიექტი. ეტაპზე იცვლება DOM ხე, რომლის ძირშიც ობიექტი მდებარეობს და ემატება ახალი ელემენტები. Kozhen vuzol, რომელიც წარმოიქმნება ლექსიკური ანალიზატორის მიერ, სრულდება ხის კონსტრუქტორის მიერ. სკინ ტოკენამდე იქმნება მისი საკუთარი DOM ელემენტი სპეციფიკაციის მიხედვით. ელემენტები ემატება არა მხოლოდ DOM ხეს, არამედ დახურულ ელემენტების დასტას, რომელიც ემსახურება არასწორად ჩასმული ან დაუხურავი ტეგების გამოსწორებას. ალგორითმი ასევე გამოიხატება როგორც მანქანა, რომელსაც აქვს ეტაპების ტერმინალური რაოდენობა, რომელსაც ეწოდება ჩასმის რეჟიმები.

მოდით გადავხედოთ მოწინავე კოდის ფრაგმენტისთვის ხის შექმნის ნაბიჯებს:

Გამარჯობა მსოფლიო

ხის ფესვის ეტაპზე შეგვიძლია ავიღოთ ლექსიკური ანალიზის შედეგად განსაზღვრული ნიშნების თანმიმდევრობა. პირველი ბანაკი ე.წ შაბათ-კვირას. როდესაც html ტოკენი წაიშლება, სტატუსი იცვლება "html-მდე"რის შემდეგაც ჟეტონი კვლავ დამუშავდება ამ მდგომარეობაში. შედეგად, იქმნება HTMLHtmlElement ელემენტი, რომელიც ემატება root Document ობიექტს.

სცენა იცვლება "თავის წინ". ანალიზატორი ამოიცნობს სხეულის ჟეტონს. მაშინაც კი, თუ ჩვენს კოდში არ არის head tag, HTMLHeadElement ელემენტი ავტომატურად შეიქმნება და დაემატება ხეს.

სცენა იცვლება "თავის შუაში", შემდეგ "თავის შემდეგ". სხეულის ტოკენი კიდევ ერთხელ გენერირებულია, იქმნება HTMLBodyElement ელემენტი, რომელიც ემატება ხეს და იცვლება "სხეულის შუაში".

ახლა დროა სიმბოლური სერიის Hello world. ამის პირველი გამოვლინება ხდება ტექსტის კვანძის შექმნისა და ჩასმის შედეგად, რომელსაც შემდეგ ემატება სხვა სიმბოლოები.

როდესაც სხეულის ჟეტონი ამოღებულია, მდგომარეობა იცვლება "სხეულის შემდეგ". როდესაც ანალიზატორი მიაღწევს html ტეგს, რომელიც იხურება, ის შეიცვლება "სხეულის შემდეგ". როდესაც ფაილის ბოლოს ჟეტონი ამოღებულია, ანალიზი მთავრდება.

მალიუნოკი. პობუდოვის ხე HTML კოდისთვის კონდახით.

მოქმედებები გარჩევის შემდეგ

ამ ეტაპზე ბრაუზერი ცნობს დოკუმენტს, როგორც ინტერაქტიულს და იწყებს ჩაშენებული სკრიპტების ანალიზს, რომელთა გამოსვლაც საჭიროა დოკუმენტის ანალიზის დასრულების შემდეგ. შემდეგ დოკუმენტის ფორმატი იცვლება "მზადაა" და დააჭირეთ ჩატვირთვის ღილაკს.

მოდით შევხედოთ კონდახის თაიგულს.
ლექსიკური გრამატიკა (ლექსიკა) მითითებულია რეგულარული გამონათქვამებით კანის ნიშნისთვის:

კომენტარი \/\*[^*]*\*+([^/*][^*]*\*+)*\/ num +|*"."+ nonascii [\200-\377] nmstart [_a -z]|(nonascii)|(escape) nmchar [_a-z0-9-]|(nonascii)|(escape) სახელი (nmchar)+ ident (nmstart)(nmchar)*

Ident - იდენტიფიკატორი, რომელიც გამოიყენება კლასის სახელად. სახელი – id ელემენტი, იგზავნება ახალ საიტზე ჰეშის სიმბოლოთი (#).

სინტაქსის წესები აღწერილია BNF ფორმატში.

წესების ნაკრები: სელექტორი [ "," S* სელექტორი ]* "(" S* დეკლარაცია [ ";" S* დეკლარაცია ]* ")" S* ; ამომრჩეველი: simple_selector [კომბინატორის ამომრჩეველი | S + [კომბინატორი? სელექტორი]? ]? ; მარტივი_სელექტორი: ელემენტის_სახელი [HASH | კლასი | attrib | ფსევდო ]* | [HASH | კლასი | attrib | ფსევდო] +; კლასი: "." IDENT; ელემენტის_სახელი: IDENT | "*"; attrib: "["S* IDENT S*[["=" | მოიცავს | DASHMATCH] S * [IDENT | STRING ] S* ] "]" ; ფსევდო: ":" [ IDENT | FUNCTION S * ")"]]; წესების კომპლექტი (წესები) ქვემოთ აღწერილი სტრუქტურით. div.error , a.error ( color:red; font-weight:bold; ) div.error და a.error ელემენტები არის სელექტორები. ამ ნაკრების დეკორატიული წესები მოთავსებულია ფიგურის მშვილდის მახლობლად. ფორმალურად, ეს სტრუქტურა შემდეგნაირად არის განსაზღვრული: წესების ნაკრები: სელექტორი [ "," S* სელექტორი ]* "(" S* დეკლარაცია [ ";" S* დეკლარაცია ]* ")" S* ; ეს ნიშნავს, რომ წესების კომპლექტი მოქმედებს როგორც ამომრჩეველი ან ამომრჩეველთა რაოდენობა, რომლებიც გამოყოფილია სივრცეებითა და სივრცეებით (S ნიშნავს სივრცეს). წესების ერთობლიობა ამა თუ იმ ერთის დასაყენებლად, გამოყოფილი რამდენიმე. სურნელები მოთავსებულია ფიგურის მშვილდთან. მნიშვნელოვანია გვესმოდეს "განსაცვიფრებელი" და "სელექტორი" მოცემულია ქვემოთ.

WebKit CSS პარსერი

WebKit იყენებს გენერატორებს CSS პარსერების ავტომატურად შესაქმნელად. როგორც ადრე იყო მოსალოდნელი, Bison ემსახურება შეყვანის ანალიზატორების შექმნამდე, რომლის მუშაობის დროს სიმბოლოების შეყვანის თანმიმდევრობა იშლება მარჯვნივ. Firefox არის საკუთრების დაბალი დონის ანალიზატორი, რომელიც შემუშავებულია Mozilla-ს მიერ. ორივე შემთხვევაში, CSS ფაილი ითარგმნება StyleSheet ობიექტებად, რაც არღვევს CSS წესებს. CSS წესების ობიექტი შეიცავს ამომრჩეველს და დაბნეულობას, ისევე როგორც სხვა ობიექტებს, რომლებიც სპეციფიკურია CSS გრამატიკისთვის.

მალიუნოკი. CSS ანალიზი.

სკრიპტის დამუშავების შეკვეთა და სტილის ფურცელი

სკრიპტი

ვებ დოკუმენტები მუშავდება სინქრონული მოდელის გამოყენებით. მოსალოდნელია, რომ სკრიპტები გაანალიზდება და დასრულდება, როგორც კი ანალიზატორი აღმოაჩენს ტეგს