ინტერნეტში მუშაობისას, Internet Explorer ბრაუზერი შეიძლება გასცეს შეტყობინებებს, რომ გვერდი შეიცავს შეცდომებს და შეიძლება არასწორად გამოჩნდეს. განვიხილოთ რამდენიმე გზა ამ პრობლემის გამოსასწორებლად.
ინსტრუქცია
ინტერნეტში მუშაობისას, Internet Explorer ბრაუზერი შეიძლება გასცეს შეტყობინებებს, რომ გვერდი შეიცავს შეცდომებს და შეიძლება არასწორად გამოჩნდეს. განვიხილოთ რამდენიმე გზა ამ პრობლემის გამოსასწორებლად.
ინსტრუქცია
რა თქმა უნდა, და სხვები - მე აუცილებლად აღვნიშნავ მათ.
Firebug Firefox
მე არ ვიცი დარწმუნებული, თუ არა Firebug. დეველოპერებისთვის სხვა საშუალებების პროგი, მაგრამ ეს ნამდვილად არის ყველაზე პოპულარული, მოსახერხებელი და ფუნქციური დღემდე.
Firebug არის Ender Firefox, რაც იმას ნიშნავს, რომ ეს უნდა გადმოწერილი Firefox Add-ons ნახვა და ინსტალაცია.
Firebug- ს მოვუწოდებთ, საკმარისია F12- ის დააჭირეთ.
შესაძლებლობები ამ add-on:
- დინამიურად შეცვლის HTML- ის ინსპექტირება და რედაქტირება;
- რედაქტირება CSS on fly;
- JavaScript, სარდლობის შესასრულებლად სკრიპტების შესრულება;
- ქსელის შეკითხვის მონიტორინგი - თქვენ შეგიძლიათ ნახოთ ფაილების და სკრიპტების ჩამოტვირთვის ზომა და დრო, შეკითხვის სათაურები;
- DOM ანალიზატორი.
თქვენ შეგიძლიათ თქვათ ამ შესაძლებლობების შესახებ ამ შესაძლებლობების შესახებ, მაგრამ მე ვფიქრობ, რომ ისინი ყველა ჩვენს მკითხველს, და თუ არა - არსებობს დეტალური ინფორმაცია Homebag- ის მთავარი გვერდი ან ილია Cantor- ის თარგმანში.
გარდა Firebug'a, თქვენ შეგიძლიათ გამოიყენოთ სასარგებლო row მას - Firecookie.რომელთანაც (სიურპრიზი :-) შეიძლება ჩაითვალოს და შეიცვალა cookies.
ვებ დეველოპერის Toolbar Firefox
კიდევ ერთი სასარგებლო გარდა ცეცხლი. ეს ასე გამოიყურება:
ჩვენ შეისწავლიან ქულას.
გამორთვა
საშუალებას გაძლევთ გამორთოთ JavaScript, კრძალავს გამოყენების ქეში, რომელიც ძალიან სასარგებლოა, როდესაც განვითარებადი (საშუალებას გაძლევთ დარწმუნებული, რომ გვერდი booted ერთად უახლესი განახლებები), გააუქმოს ფერები, რომლებიც გამოიყენება გვერდზე და შეცვალოს ისინი სტანდარტული, კრძალავენ. გამგზავრება Referrer Header- ში (გვერდი, რომელთანაც იყო გარდამავალი).
Cookies.
სასარგებლო ვარიანტი მუშაობს Cookies: ისინი შეიძლება ჩაითვალოს, წაიშალოს, კრძალავს და დაამატოთ.
CSS.
ეს მენიუ ინახავს შემსწავლელ ინსტრუმენტს დეველოპერის პანელის - რედაქტირების CSS- ზე. გარდა ამისა, შესაძლებელია CSS- ის, აკრძალვის, და ასე შემდეგ. ჩემი აზრით, აქ ძალიან სასარგებლოა სწრაფი გასაღების არსებობისთვის (Ctrl + Shift + C, მაგალითად, საშუალებას გაძლევთ დაუყოვნებლივ წასვლა გვერდი Styles)
ფორმები.
ყველა სამუშაოს ფორმით: შოუ პაროლები, აჩვენე ინფორმაცია ფორმების შესახებ, კონვერტაციის ფორმა მეთოდები (მიიღეთ "პოსტი და პირიქით) და ბევრად უფრო. სასარგებლო ფუნქცია "Populate Form Fields" ავტომატურად შეავსოთ ფორმა სფეროებში (მაგალითად, როდესაც ტესტირების საიტი, როდესაც დაგავიწყდათ memorization ფუნქცია გამორთულია. დანარჩენი, ამ ეტაპზე ვერ ვხედავ.
სურათები
არსებობს სასარგებლო ფუნქცია გამორთვა გამოსახულებები - დაინახოს, თუ რა თქვენი საიტი ჰგავს სურათების გარეშე. სურათები შეიძლება იყოს წრიული, აჩვენე მათი ზომა, აჩვენეთ alt ატრიბუტები.
ინფორმაცია
ამ მენიუში ბევრი ვარიანტია. თქვენ შეიძლება იყოს სასარგებლო ფუნქცია აჩვენებს ატრიბუტების კლასს და ID გვერდზე. გარდა ამისა, პუნქტი "ნახვის ფერის ინფორმაცია" საინტერესოა - სწრაფად მიიღოთ ინფორმაცია იმ ფერების შესახებ, რომლებიც გამოიყენება გვერდზე. დოკუმენტის ზომა - ნახვა გვერდი ზომა. "რეაგირების სათაურების ნახვა" - გვერდი სათაურები.
სხვადასხვა.
ყველაზე ხშირად გამოყენებული ფუნქცია არის ქეში გაწმენდა. გარდა ამისა, ფუნქციები "გვერდი მმართველი" - ხაზი, "გვერდი Magnifier" - Magnifier და "Line Guides" - რამდენიმე ხაზი, რომელიც შეიძლება სასარგებლო იყოს დააყენებს ნიმუში.
განტოტოვლობა
გვერდის სხვადასხვა ელემენტების განაწილება - მაგიდები, სათაურები, ბმულები, ჩარჩოები, ბლოკები. ზომის შეცვლა საშუალებას გაძლევთ შეცვალოთ ბრაუზერის ფანჯრის ზომა ნებისმიერი სტანდარტული ეკრანის გაფართოებისთვის. ინსტრუმენტები აქ არის თვისებები, რათა შეამოწმოს გვერდები. ორივე ადგილობრივი და გარე. მოსახერხებელი და სწრაფი ხელმისაწვდომობა HTML, CSS Validation და სხვა რამ. HTML Validation- ისთვის შეგიძლიათ გამოიყენოთ Ctrl + Shift + H პუნქტი.
Წყაროს ნახვა.
კოდის ნახვა. გარე აპლიკაციის სანახავად, გენერირებული კოდის ნახვის უნარი.
რა არის მარჯვენა კუთხეში მომწონს ყველაზე მეტად. ეს არის სწრაფი HTML Validator, CSS და JavaScript შეცდომა ინდიკატორი. თუ არ არსებობს პრობლემები - მწვანე ხატი, და თუ არსებობს პრობლემები - წითელი.
Internet Explorer შემქმნელი Toolbar
დაწყებული 8.0 debug შეცდომები, იგი უკვე აშენდა ამ ბრაუზერში. ადვილად მოუწოდა გასაღები F12. მართალია, ის 90-იანი წლების პროგრამაა.
მაგრამ არსებობს ბრაუზერის ქულერი ინსტრუმენტი, ე.წ. Internet Explorer შემქმნელი პანელი ჩამოტვირთვების მითითებით.
ამ Tulbar- ის სახით, რა თქმა უნდა, ჰგავს firebug, მაგრამ, სამწუხაროდ, მე ჯერ არ doros. თუმცა, მეორეს მხრივ, არსებობს გარკვეული შესაძლებლობები, რომ არ არსებობს firebug. მე მოვუწოდებ Internet Explorer შემქმნელი პანელი გარკვეული ჰიბრიდული Firebug'a და Firefox ვებ დეველოპერი. პანელი.
როგორც Firebug, არსებობს შესაძლებლობა, შეამოწმოს ელემენტის მარტივი დაწკაპუნებით. მაგრამ, თუ ჩვენ შეგვიძლია დაუყოვნებლივ ვნახოთ padding'i და ზღვარი, მაშინ არ არსებობს ასეთი შესაძლებლობა.
გარდა ამისა, Internet Explorer დეველოპერის Toolbar არ განაახლებს ელემენტების ხე დინამიურად, როგორც firebug აკეთებს. ანუ, თუ ჩვენ შეცვლის არაფერი JS ფონდის გვერდზე, ჩვენ ვერ ვხედავთ არაფერი ამ Tulbara.
რა შეიძლება უარყოფილი იყოს - ცვლილება CSS on fly (მარტივი გზა, რომ hacking :), უნარი აკრძალოს CSS და სურათები, უნარი სწრაფად გაწმენდა ქეში და თამაში cookies, სწრაფი წვდომა Validation.
ყველაზე გემრიელი რამ არის ის, რომ არსებობს ჩაშენებული ფერის ამომრჩეველი, რომელიც საშუალებას გაძლევთ მიიღოთ ნებისმიერი ფერი მილსადენისგან. (FF არსებობს ცალკე colorzilla მოდული).
Debugbar for Internet Explorer- ისთვის
Debugbar for Internet Explorer, შეგიძლიათ ჩამოტვირთოთ მითითებულ ბმულზე.
საინტერესო გაფართოებაში. დამონტაჟებული, როგორც დამატებითი პანელი ბრაუზერი:
არსებობს ინტეგრირებული საძიებო სისტემა, პიპეტი, ფანჯრის ზომა შეცვლის უნარი და, რატომღაც, რაიმე მიზეზით, SOAP- ს მეგობრის გაგზავნის უნარი. თუმცა, ეს შეიძლება სასარგებლო იყოს. მაგრამ ეს შესაძლებლობა ვერ მივიღე.
გარდა ამისა, არსებობს ინსპექტორი:
შექმნის მეთოდი დაწკაპვით ან დეველოპერების ხელმძღვანელობით არ შეესაბამება: ისინი უფრო საინტერესო იყო. In Debugbar'e, თქვენ უნდა გადაიტანოთ დანახვაზე სასურველი ნივთი რომ ნახოთ იგი ხე. CSS- ის რედაქტირების უნარი არ არის. მაგრამ არსებობს დამუშავებული და ჩამონტაჟებული JS კონსოლი.
და თუ გსურთ გათხრა პარამეტრებში, შეგიძლიათ იპოვოთ:
და სასაცილო და სამწუხარო.
ცნობილია, რომ მერვე ექსპლოატორში აშენდება დეველოპერის პანელი. ის იქნება ერთი, რომელიც მესამე პუნქტში აღწერილი იყო, მაგრამ ვიმედოვნებთ, რომ უკეთესი იქნება.
გამართვის Dragonfly Opera
Dragonfly აგებულია ოპერაში, დაწყებული ვერსია 9.5, ასე რომ არ არის აუცილებელი ინსტალაცია. იმისათვის, რომ გაააქტიუროთ dragonflays წასვლა ინსტრუმენტები → გაფართოებული → იმას ნიშნავს დეველოპერებს. და თუ ინგლისურ ენაზე, ინსტრუმენტები → გაფართოებული → დეველოპერული ინსტრუმენტები.
დაუყოვნებლივ გააფრთხილო, რომ dragonfly არის Alpha2 ეტაპზე, ეს განმარტავს ბევრი მისი glitches.
სია მახასიათებლები:
- დომენის ინსპექტორი;
- ინსპექტირება დაჭერით (ისევ, ჩვენ ვერ ვხედავთ, როგორც Firefox- ში);
- რედაქტირება;
- სწრაფი წვდომა შეცდომის კონსოლზე.
DF - რაღაც ცალკე გვერდზე freme. თუ გაიხსნა, ეს იქნება ყველა ჩანართზე (ხანძრისგან განსხვავებით). აქედან გამომდინარე, პუნქტის შემოწმებამდე, თქვენ უნდა აირჩიოთ გვერდი სიიდან, რომ ჩვენ გვინდა, რომ ჩვენ გვინდა.
სამწუხაროდ, აქ, როგორც Internet Explorer Day Toolbar, დინამიურად შექმნილი ელემენტები არ არის ნაჩვენები. და ზოგადად, როდესაც ჩვენ შეამოწმებთ გვერდს, არ იწყება JavaScript: ბმულები და ღილაკები არ არის დაჭერილი. იმედი ვიქონიოთ, როდესაც dragonfly არის შესაფერისი გათავისუფლებისთვის, ჩვენ ვნახავთ ყველა ამ შესაძლებლობებს.
Debug ვებ ინსპექტორი Safari
მე გეტყვით, რომ ბრაუზერის შესახებ Safari. ინფორმაცია სვამს, ასე რომ მასალის ადეკვატურობა, როგორც ამბობენ, არ ვუპასუხებ.
Safari მენიუში ჩართვის მიზნით, "განვითარების" საქონელი აუცილებელია შესაბამის პუნქტში (Advanced TAB) პუნქტებში:
"განვითარების" მენიუში, შემდეგი ფუნქციები ხელმისაწვდომია:
მოდით განვიხილოთ ვებ ინსპექტორის დეტალები:
By default, ინსპექტორი იხსნება HTML ნახვის რეჟიმში. მაგრამ ეს შეიძლება გადავიდეს DOM VIEW რეჟიმში. ამისათვის არსებობს გამონაყარი ზედაპირზე. ინსპექტორის ელემენტზე, ის თავისთავად ხაზგასმით აღინიშნება. სანახავად, შეცვალონ მარკირების ან CSS ფრენაზე ან იხილოთ დინამიური ცვლილება გუმბათზე, როგორც firebug- ში შეუძლებელია. მაგრამ თქვენ ეთანხმებით, ძალიან ლამაზია.
თუ ბრაუზერის ფანჯარაში ინსპექტორთან მუშაობის სურვილია, ქვედა მარცხენა კუთხეში ღილაკზე დაჭერით.
მაშინაც კი, Safari, ასეთი ფუნქცია, როგორც "ქსელის დროის მასშტაბის" ხელმისაწვდომია, (ქსელის ღილაკს ინსპექტორი):
თქვენ შეგიძლიათ ნათლად შეგიძლიათ იხილოთ როდის და რამდენ ხანს ფაილი დატვირთულია. თქვენ ასევე შეგიძლიათ იხილოთ მოთხოვნის სათაურები, მაგრამ შინაარსი თავად, სამწუხაროდ, არ შეიძლება ჩაითვალოს.
Debug for დეველოპერები Google Chrome
Chrome გამოჩნდა მსუბუქი მოწინავე ფორმით, და მას დაუყოვნებლივ აქვს, მოდით იყოს მოსახვევებში, მაგრამ ჯერ კიდევ დეველოპერებისთვის.
- დომენის ინსპექტორი;
- JavaScript debugger;
- JavaScript კონსოლი.
ნებისმიერი ელემენტის შესამოწმებლად, თქვენ უნდა დააჭიროთ ღილაკს და აირჩიეთ "პუნქტის კოდი" კონტექსტში მენიუში:
ფუნქციონირება იგივეა, რაც Safari: ელემენტები typked მიერ hovering, მაგრამ რედაქტირების CSS და HTML არ არის ხელმისაწვდომი, ცვლილებები DOM არ არის თვალყური. ეს მხოლოდ, ქვედა მარცხენა კუთხეში ღილაკი, რომელიც უნდა დაურთოს ინსპექტორი ბრაუზერის ფანჯარაში არ მუშაობს.
"რესურსების" ჩანართში, ჩვენ ვხედავთ შემდეგს:
Moto განსხვავდება მასშტაბის Safaris. ამ სქემაზე translucent არის ნათესავი ფაილის ზომა და სრული ფერი - ჩამოტვირთვა დრო. ერთი გზა ან სხვა, აშკარაა, რომ ქრომის ეს ნაწილი ჯერ კიდევ არ არის დასრულებული.
ამ სტატიაში მე გადავხედე ყველაზე კარგად ცნობილი გაფართოებები და ჩამონტაჟებული ინსტრუმენტები ბრაუზერებისთვის.
არსებობს სხვები, მაგალითად:
- Internet Explorer ვებ განვითარების დამხმარე - კარგი ასისტენტი ASP.NET დეველოპერებისთვის (Internet Explorer);
- ვებ დეველოპერული Toolbar - Tulbar for Internet Explorer და Firefox. არსებობს რამდენიმე სასარგებლო თვისება;
- ვებ ხელმისაწვდომობის Toolbar - Tulbar for Internet Explorer. Არაფერი საინტერესო.
თუ არსებობს დამატებები, რომ მე არ ვხსნი, მაგრამ ეს იქნება ღირს, ან არსებობს ფუნქციები, რომლებიც აღინიშნება, რომელიც მე გამოტოვე, დაწერე.
გამოიყენეთ ჯანმრთელობა!
დაწერეთ HTML - დიდი, მაგრამ როგორ უნდა გვესმოდეს, სად შეცდომა, როდესაც რაღაც არ მუშაობს? ეს სტატია აღწერს რამდენიმე ინსტრუმენტს, რომელიც ხელს უწყობს HTML- ში შეცდომების ძიებას და გამოსწორებას.
Debugging არ არის საშინელი
ზოგიერთი კოდის წერისას, როგორც წესი, ყველაფერი კარგად მიდის, სანამ შეცდომა, როდესაც შეცდომა ხარ. ასე რომ თქვენი კოდი არ მუშაობს, ან არ მუშაობს, როგორც თქვენ ფიქრობთ. თუ თქვენ ცდილობენ შეადგინოთ არასამთავრობო სამუშაო პროგრამა ჟანგი ენაზე, შემდგენელი მიუთითებს შეცდომას:
ამ შემთხვევაში, შეცდომის შეტყობინება არის შედარებით მარტივი - "არტერიული ორმაგი ციტატების სიმებიანი". თუ თქვენ ყურადღებით უყურებთ ბეჭდვით! როგორც ჩანს, საშიში მათთვის, ვინც არაფერი იცის ჟანგის შესახებ.
მაგრამ არ შეგეშინდეთ გამართვა! ნებისმიერი კოდის კომფორტულად და გამართვას, თქვენ უნდა გაიგოთ ენა და მისი ინსტრუმენტები.
HTML და გამართვის
HTML არ არის ისეთი, როგორც იკვლევს, თუ როგორ უნდა ჟანგი. HTML არ არის შედგენილი ნებისმიერი სხვა ფორმით, სანამ ბრაუზერში აანალიზებს და აჩვენებს შედეგს (ეს არის ინტერპრეტირებული და არ შედგენილი). HTML ელემენტები სინტაქსი გაცილებით უფრო ნათელია, ვიდრე რეალური პროგრამირების ენები, როგორიცაა ჟანგი, JavaScript, ან Python. მეთოდი, რომელიც ბრაუზერებს წაიკითხავს HTML- ს შემავალივიდრე პროგრამირების ენებზე მათი კოდექსის ინტერპრეტაცია უფრო მკაცრია. ეს არის ამავე დროს ცუდი, და კარგი.
ტოლერანტული კოდექსის კოდექსი
რას ნიშნავს ტოლერანტული? ზოგადად, როდესაც თქვენ კოდექსში გაუკეთეს, არსებობს ორი ტიპის შეცდომები, რომელთანაც თქვენ შეხვდებით:
- სინტაქსის შეცდომები (სინტაქსის შეცდომები): ეს არის შეცდომები წერილობით სისწორეში, რადგან ეს უფრო მაღალი იყო, ჟანგის მაგალითში. ასეთია, როგორც წესი, ადვილად გამოსწორდება, რამდენადაც იცით, რამდენად იცნობს ენის სინტაქსს და ვიცი, რა შეცდომის შეტყობინებები ნიშნავს.
- ლოგიკური შეცდომები (ლოგიკური შეცდომები): ეს არის შეცდომები, რომლებიც გამოჩნდება, თუ სინტაქსი სწორია, მაგრამ კოდი არ ასრულებს თავის მიზანს, ეს არის პროგრამა არასწორია. ასეთი კორექტირება უფრო რთულია, ვიდრე სინტაქსური, რადგან შეტყობინებები მიუთითებს იმ ადგილას, სადაც ცდებით.
HTML არ განიცდის სინტაქსის შეცდომებს, რადგან ბრაუზერმა წაიკითხავს კოდს, იმ გაგებით, რომ გვერდები შეიძლება გამოჩნდეს მაშინაც კი, თუ სინტაქსის შეცდომები იმყოფებიან. ბრაუზერები აშკარად დაწერილი მარკირების ინტერპრეტაციის წესებს, და თქვენ შეგიძლიათ აწარმოოთ რაღაც, მაშინაც კი, თუ თქვენ ნიშნავდა სხვა. ეს შეიძლება იყოს რეალური პრობლემა!
შენიშვნა: HTML ნათქვამია, რადგან როდესაც ვებ-გვერდს მხოლოდ გამოჩნდა, გადაწყდა, რომ ხალხს შინაარსი გამოაქვეყნოს, მაშინაც კი, თუ ეს არასწორია, რადგან ეს ბევრად უფრო მნიშვნელოვანია, ვიდრე აბსოლუტურად სწორი სინტაქსის ნდობა. ვებ არ იქნება იმდენად პოპულარული, თუ ის დამწყებთათვის მკაცრად მკურნალობდა.
აქტიური სწავლება: ტოლერანტული კოდის გაცნობა
ტოლერანტული კოდის ბუნების შესწავლა HTML- ში.
HTML Validation
მაგალითიდან ზემოთ ნათქვამია, რომ HTML- ის მოქმედების შემოწმება ღირს. ზემოდან მარტივი მაგალითია, შეგიძლიათ უბრალოდ იხილოთ ყველა კოდი და იპოვოთ შეცდომები, მაგრამ რაც შეეხება უზარმაზარ, რთულ გვერდებს?
უმჯობესია შეამოწმოთ გვერდი Validation Service Markup- ში. იგი შეიქმნა და მხარდაჭერილი W3C - ორგანიზაცია, რომელიც ჩართული HTML, CSS სპეციფიკაციები და სხვა ვებ ტექნოლოგიები. სერვისი შეამოწმებს თქვენს HTML- ს და ანგარიშს მისცემს შეცდომებს.
HTML შეიძლება შემოწმდეს მისამართზე ფაილის ჩამოტვირთვისას ან უბრალოდ გადაღება გვერდზე.
აქტიური სწავლება: HTML დოკუმენტის დადასტურება
- გახსენით მარკირების დადასტურების სერვისი ბრაუზერში.
- გადადით პირდაპირ შეყვანის რეჟიმში.
- დააკოპირეთ მთელი დოკუმენტის კოდი (არა მხოლოდ სხეული) და ჩადეთ შესვლის ადგილი.
- დაჭერა შეამოწმეთ (შემოწმება).
თქვენ იხილავთ შეცდომებსა და სხვა ინფორმაციას.
შეცდომა შეცდომით
ეს, როგორც წესი, აშკარად ნათელია, რა შეტყობინებები ნიშნავს, მაგრამ ზოგჯერ თქვენ უნდა ვეცადოთ, რა არის საქმე. ახლა ჩვენ ყველა შეცდომას გავდივართ და მაინტერესებს, რას ნიშნავს ისინი. გთხოვთ გაითვალისწინოთ, რომ შეტყობინებები მიუთითებს ხაზი და კოდის სვეტი ისე, რომ შეცდომები უფრო ადვილია მოძებნოთ.
- "End Tag Li გულისხმობდა, მაგრამ ღია ელემენტები იყო" (2 შემთხვევა): არ არის ნათელი დახურვის ნიშანი, თუმცა ბრაუზერი გამოცნობაა, სად უნდა იყოს. შეტყობინება მიუთითებს სიმებიანი მას შემდეგ, რაც დახურვის ტეგი იყო მოსალოდნელი, მაგრამ თქვენ იპოვით უფლებას.
- "Unclosed ელემენტი ძლიერი": ეს არის ძალიან მარტივი შეცდომა - ელემენტი) მიუთითებს, რომ მისი შინაარსი დიდი მნიშვნელობა აქვს, სერიოზულობა ან გადაუდებელი. ბრაუზერები, როგორც წესი, სქელი შინაარსი არიან " არ დაიხურა და გაგზავნა პირდაპირ გახსნის ტეგს.
- "End Tag ძლიერი არღვევს nesting წესებს": საქონელი არასწორად ინვესტიცია - ამ დონეზე არ არსებობს წყვილი გახსნა tag.
- "ფაილის ბოლოს მიაღწია ატრიბუტის მნიშვნელობას. იგნორირება tag": იდუმალი შეტყობინება. ფაქტია, რომ სადღაც (სავარაუდოდ, დოკუმენტის დასასრულს) არასწორად ამოიღეს ელემენტის ქონება და ფაილის დასასრული იყო ამ ქონების შიგნით. ბრაუზერი ვერ ხედავს ბმულებს - სავარაუდოდ პრობლემასთან დაკავშირებით.
- "ფაილის დასასრული და ღია ელემენტები იყო": ფაილი დასრულდა, მაგრამ ზოგიერთი ელემენტები არ არის დახურული. შეტყობინება მიუთითებს ფაილის დასასრულს, ამ შემთხვევაში მაგალითი ელემენტი არ არის დახურული: ბმული Mozilla Homepage ↩
ხშირად, მომხმარებლებს შეუძლიათ დაიცვან სიტუაცია, როდესაც სკრიპტის შეცდომა გამოჩნდება ბრაუზერში (ანუ). თუ სიტუაცია ერთი ხასიათის ნაწილია, მაშინ არ არის შეშფოთებული, მაგრამ როდესაც ასეთი შეცდომები რეგულარულად იქცევა, მაშინ ღირს ამ პრობლემის ბუნების შესახებ.
Internet Explorer- ში შეცდომის სკრიპტი ჩვეულებრივ მოუწოდა არასწორად დამუშავებას HTML-Page Code Browser, დროებითი ინტერნეტ ფაილების არსებობა, ანგარიშის პარამეტრების, ასევე მრავალი სხვა მიზეზის გამო, რომელიც ამ მასალაში განიხილება. განიხილება ამ პრობლემის გადაჭრის მეთოდები.
Internet Explorer- თან პრობლემების დიაგნოსტიკისთვის ზოგადად მიღებული მეთოდების დაწყებამდე, რაც სცენარის შეცდომებს იწვევს, დარწმუნდით, რომ შეცდომა ხდება არა მხოლოდ ერთ კონკრეტულ საიტზე და დაუყოვნებლივ ვებ-გვერდებზე. თქვენ ასევე უნდა შეამოწმოთ ვებ-გვერდი, რომელზეც ეს პრობლემა სხვა ანგარიშზე მოხდა, სხვა ბრაუზერში და სხვა კომპიუტერზე. ეს გამოიწვევს შეცდომის მიზეზების ძიებას და აღმოფხვრას ან დაადასტუროს ჰიპოთეზა, რომ შეტყობინებები გამოჩნდება რამდენიმე ფაილების ან პარამეტრების არსებობის შედეგად
ბლოკირება Internet Explorer აქტიური სკრიპტები, ActiveX და Java
აქტიური სცენარი, ActiveX და Java Elements იმოქმედებს ადგილზე ფორმირების და ინფორმაციის ფორმირების მეთოდით და შეიძლება ადრე აღწერილი პრობლემის რეალური მიზეზი, თუ ისინი დაბლოკილია მომხმარებლის კომპიუტერზე. იმისათვის, რომ უზრუნველყოს, რომ სკრიპტის შეცდომები წარმოიქმნება ამ მიზეზით, აუცილებელია მხოლოდ ბრაუზერის უსაფრთხოების პარამეტრების გადატვირთვა. ამ რეკომენდაციების შესრულების მიზნით.
- გახსენით Internet Explorer 11
- მომსახურება
- ფანჯარაში, წასვლა tab Უსაფრთხოება
- შემდეგი დააჭირეთ ღილაკს ვალდებულების არშესრულებადა შემდეგ ღილაკი კარგი
Internet Explorer დროებითი ფაილები
ყოველ ჯერზე გახსენით ვებ-გვერდი, Internet Explorer ინახავს ამ ონლაინ პარკის ადგილობრივ ასლს ე.წ. დროებითი ფაილებში. როდესაც ასეთი ფაილი ძალიან ბევრი რამ არის და საქაღალდის ზომა, რომელიც შეიცავს მათ რამდენიმე გიგაბაიტს, შეიძლება არსებობდეს ვებ-გვერდის ჩვენება, კერძოდ, სკრიპტის შეცდომის შესახებ შეტყობინება გამოჩნდება. რეგულარული დასუფთავების საქაღალდე დროებითი ფაილი შეიძლება დაეხმაროს აღმოფხვრას ამ პრობლემის.
დროებითი ინტერნეტ ფაილების წაშლა, მოქმედებების შემდეგი თანმიმდევრობა.
- გახსენით Internet Explorer 11
- მომსახურება
- ფანჯარაში, წასვლა tab საერთო
- თავი ბრაუზერის ჟურნალი დააჭირეთ ღილაკს წაშლა ...
- ფანჯარაში მიმოხილვის ისტორიის მოხსნა პუნქტების მახლობლად დროშების შემოწმება დროებითი ინტერნეტი და ვებ გვერდი, Cookies და ვებ-გვერდის მონაცემები, Ჟურნალი
- დააჭირეთ ღილაკს წაშლება
ანტივირუსული პროგრამული უზრუნველყოფა მუშაობს
სკრიპტის შეცდომები შესაძლებელია ანტივირუსული პროგრამების მეშვეობით, როდესაც ის აქტიურ სცენარებს, ActiveX და Java- ის ელემენტებს გვერდზე ან საქაღალდეში ბრაუზერის დროებითი ფაილების შენახვის მიზნით. ამ შემთხვევაში, თქვენ უნდა მივმართოთ დოკუმენტაციას დამონტაჟებული ანტივირუსული პროდუქტის და გამორთოთ Folder Scan გადარჩენა დრო ინტერნეტ ფაილი, ასევე დაბლოკვის ინტერაქტიული ობიექტები.
არასწორი HTML გვერდი კოდის დამუშავება
გვიჩვენებს, როგორც წესი, ერთ-ერთ კონკრეტულ უბანზე და მიუთითებს, რომ გვერდის კოდი სრულად არ არის ადაპტირებული ინტერნეტ Explorer- თან. ამ შემთხვევაში, უმჯობესია ბრაუზერში სკრიპტების გამორთვა. ამის გაკეთება, დაიცვას ეს ნაბიჯები.
- გახსენით Internet Explorer 11
- ბრაუზერის ზედა კუთხეში (მარჯვნივ), დააჭირეთ ხატულას მომსახურება Gear- ის სახით (ან Alt + X გასაღებების კომბინაცია). შემდეგ გახსნილი მენიუში აირჩიეთ პუნქტი.
- ფანჯარაში, წასვლა tab გარდა ამისა
- შემდეგი, მონიშნეთ ჩამრთველი წერტილიდან თითოეული სკრიპტის შეცდომის შესახებ შეტყობინების ჩვენება და დააჭირეთ კარგი.
ეს სია ყველაზე ხშირი მიზეზების გამო, რომ გამოიწვიოს სკრიპტის შეცდომები Internet Explorer, ასე რომ, თუ თქვენ დაიღალა ასეთი შეტყობინებები, გადაიხადოს ოდნავ ყურადღება და გადაჭრას პრობლემა ერთხელ და სამუდამოდ.
ამჟამად არსებობს სხვადასხვა ბრაუზერების დიდი რაოდენობა, ერთი ხარისხი ან სხვა HTML სტანდარტების მხარდაჭერა. პირადად, მირჩევნია ბრაუზერი Mozilla Corporation- ისგან. ეს ბრაუზერი გრძელი ისტორიაა (დაწერილია ცნობილი Netscape Navigator ბრაუზერის საფუძველზე). ასევე, მე ასევე მომწონს ეს ბრაუზერი ის ფაქტი, რომ იგი მხარს უჭერს დანამატების სისტემას - ცალკე გავრცელებულ დამატებებს, რომელიც დაკავშირებულია, რომელიც შეგიძლიათ შეცვალოთ ფუნქციონირება და კონფიგურაცია თქვენი საჭიროებები. საბოლოოდ, ეს ბრაუზერი თავისუფლად გადანაწილდა ღია კოდებით, რაც ასევე მნიშვნელოვანია. აქედან გამომდინარე, გადავწყვიტე აღწერო შესაძლებლობები, რომ ეს ბრაუზერი უზრუნველყოფს არა მარტო მომხმარებელს, არამედ ვებ გვერდების დეველოპერს, რამდენად ადვილი და მოსახერხებელია წერილობითი პროდუქტების გამართვის პროცესი.
Mozilla Firefox არის ერთ ერთი ყველაზე პოპულარული დეველოპერები და ვებ დეველოპერები ბრაუზერები. იგი ყურადღებას ამახვილებს შესაძლებლობების გამო, რომ ეს ბრაუზერი უზრუნველყოფს Debugging- ს პროექტებს, შეცდომებს, გაუმჯობესებას. სტანდარტული ბრაუზერის მიწოდება მოიცავს Java Console (ან "შეცდომის კონსოლი"). ეს კომუნალური საშუალებას გაძლევთ დააფიქსიროთ ჩამონტაჟებული ჯავის-სკრიპტის სკრიპტები. მაგრამ, ბრაუზერის გაცილებით მეტი ფუნქციონირება მესამე მხარის მოდულებს აძლევს, რომელიც შეიძლება გადმოწერილი და დაინსტალირდეს Mozilla Foundation- ის ოფიციალური ვებ-გვერდიდან. ახლა მინდა განვიხილოთ ორი ამ plugins - ეს არის ვებ დეველოპერი და firebug. ორივე ამ დამატებები შეიძლება გადმოწერილი იყოს ოფიციალურ Add-Op- ის მიერ ზემოთ ჩამოთვლილი კავშირების მიხედვით. მათი მონტაჟისა და გადატვირთვის ბრაუზერის შემდეგ, დეველოპერი გთავაზობთ საკმარის შესაძლებლობებს, რომლებიც მე აღწერს ქვემოთ, თავის მხრივ, თითოეულ დანამატს.
Firebug მოდული.
როგორც ოფიციალურ გვერდზე ნათქვამია: "Firebug ინტეგრირებულია Firefox ბრაუზერი, რათა მნიშვნელოვნად გამდიდრების დეველოპერის ინსტრუმენტარიუმს. თქვენ შეგიძლიათ რედაქტირება, გამართვა და შეისწავლოთ CSS, HTML და Javascript "Live", ნებისმიერ ვებ გვერდზე. " და მართლაც არის. განვიხილოთ ამ მოდულის ზოგიერთი ფუნქცია, კერძოდ:
- HTML- ის ნახვა და რედაქტირება.
- აშენების CSS.
- ქსელის შეკითხვის მონიტორინგი
- Debugging JavaScript.
- JavaScript- ის შესწავლა
- JavaScript- ის შესასვლელად
ეს არ არის სრული სია ყველა მისი შესაძლებლობები. პროექტი ღიაა (opensource), მაშინ ყველას შეუძლია შეცვალოს და შეავსოს ფუნქციონირება.
მუშაობა მოდული, თქვენ უნდა დააჭიროთ F12 გასაღები (Ctrl-F12 მუშაობა მას ცალკე ფანჯარაში). წარმატებული დაწყების შემდეგ, ჩვენ მივიღეთ შემდეგი - ფიგურა 1A, 1b.
ფიგურა 1 ა. საწყისი ფანჯარა Firebug მოდული.
ფიგურა 1b. საწყისი ფანჯარა Firebug მოდული.
შემდეგი, ფაქტობრივი მუშაობა მოდული იწყება. მაგალითად, ჩვენ უნდა მოვძებნოთ კონკრეტული ობიექტი HTML კოდში, ან განსაზღვროს არსებული ფრაგმენტი CSS- ის გამოყენებით. ამისათვის თქვენ უბრალოდ უნდა აირჩიოთ აუცილებელი პარამეტრები მოდულის ფანჯარაში მენიუში. ქვემოთ მოყვანილი მაგალითი არის HTML ინსპექტირების რეჟიმში. ახლა, დოკუმენტის გვერდზე, მაუსის კურსორის ქვეშ, ჩვენ შევამჩნიებთ მართკუთხა არეალს, რომელიც აქ არის იმუშაოს, რომელთანაც მუშაობა მიმდინარეობს. In plug-in window, ჩვენ ვნახავთ იმ პარამეტრების HTML და CSS, რომლებიც გამოიყენება. ასევე, თითოეულ მათგანს დაჭერით, შეგიძლიათ შეიტანოთ ცვლილებები და აკონტროლოთ ისინი დინამიკაში. აღწერილი ქმედებები ილუსტრირებულია მოღვაწეებში 2,3,4.
ამ მიზნებისათვის აღწერილი ამ პროექტის ამ პროექტის განვითარება გამოიყენება ამ მიზნით. თუმცა, მიუხედავად იმისა, რომ Java-Script არ იყო გამოყენებული, Firebug მოდული ასევე შეიძლება გამოყენებულ იქნას debug იგი. Debugging მაგალითი ნაჩვენებია სურათზე 5.
ამასთან, როგორც ზემოთ აღწერილია, ამ გაფართოების ფუნქციონირება არ არის შეზღუდული. თქვენ შეგიძლიათ შეისწავლოთ იგი მთლიანად და გამოიყენოთ თქვენს მოთხოვნილებებში Mozilla Firefox- ის ინსტალაციის გზით შემდეგი ბმულების ჩამოტვირთვის გზით.
ვებ დეველოპერის მოდული.
ვებ დეველოპერი არის Mozilla Firefox- ის ბრაუზერის მეორე გაფართოება, ძალიან ძლიერი და ფუნქციური, რომელიც საშუალებას გაძლევთ სწრაფად და ეფექტური გამართვის წარმოება. მას შემდეგ, რაც დამონტაჟების შემდეგ, დამატებითი პანელი ინსტრუმენტები გამოჩნდება ბრაუზერის ფანჯარაში, რომელიც ნაჩვენებია ფიგურაში 6.შემდგომი მუშაობა მოდული ინტუიციურად გასაგები. მაგალითად, თუ ჩვენ უნდა შევასრულოთ მუშაობა CSS (თუმცა არა როგორც სრულად ფუნქციურად, როგორც Firebug მოდული), თქვენ შეგიძლიათ დააჭიროთ CSS მენიუს და ბლოკს, ჩართეთ ან გამორთეთ.
ძალიან მოსახერხებელია დეველოპერი არის ironness, თუ როგორ მისი პროექტი გამოიყურება მონიტორები, სხვადასხვა რეზოლუციით. ამისათვის გამოიყენეთ ზომის შეცვლა. აქ შეგიძლიათ ხელით დააყენოთ საჭირო ეკრანის რეზოლუციები (800x600, 1024x768 და ა.შ.), და შემდეგ თავისუფლად გადართოთ მათ შორის, კონტაქტი ან წაშლა შინაარსი. ეს ფუნქცია გამოსახულია ფიგურაში 7.
ეს გაფართოება ასევე მდიდარი ფუნქციონირებს, რომლებიც ყველა აღწერილია და ოფიციალურ საიტებზე ხელმისაწვდომია.
გამოყენებული წყაროების ჩამონათვალი
- 1. www.getfirebug.com
ოფიციალური Add-on საიტი. - 2. http://addons.mozilla.org.
Mozilla- ის ოფიციალური ვებგვერდი, რომელიც Firefox- ის ბრაუზერისთვის, დეველოპერებისთვის ინფორმაციის, ინფორმაციის გამოყენების შესახებ ინფორმაციას ატარებს. - 3. http://chrispederick.com/work/web-developer/
ოფიციალური ვებ-გვერდის შემქმნელი WebDeveloper მოდული.
დაწერეთ HTML - დიდი, მაგრამ როგორ უნდა გვესმოდეს, სად შეცდომა, როდესაც რაღაც არ მუშაობს? ეს სტატია აღწერს რამდენიმე ინსტრუმენტს, რომელიც ხელს უწყობს HTML- ში შეცდომების ძიებას და გამოსწორებას.
Debugging არ არის საშინელი
ზოგიერთი კოდის წერისას, როგორც წესი, ყველაფერი კარგად მიდის, სანამ შეცდომა, როდესაც შეცდომა ხარ. ასე რომ თქვენი კოდი არ მუშაობს, ან არ მუშაობს, როგორც თქვენ ფიქრობთ. თუ თქვენ ცდილობენ შეადგინოთ არასამთავრობო სამუშაო პროგრამა ჟანგი ენაზე, შემდგენელი მიუთითებს შეცდომას:
ამ შემთხვევაში, შეცდომის შეტყობინება არის შედარებით მარტივი - "არტერიული ორმაგი ციტატების სიმებიანი". თუ თქვენ ყურადღებით უყურებთ ბეჭდვით! როგორც ჩანს, საშიში მათთვის, ვინც არაფერი იცის ჟანგის შესახებ.
მაგრამ არ შეგეშინდეთ გამართვა! ნებისმიერი კოდის კომფორტულად და გამართვას, თქვენ უნდა გაიგოთ ენა და მისი ინსტრუმენტები.
HTML და გამართვის
HTML არ არის ისეთი, როგორც იკვლევს, თუ როგორ უნდა ჟანგი. HTML არ არის შედგენილი ნებისმიერი სხვა ფორმით, სანამ ბრაუზერი გაანალიზებს მას და აჩვენებს შედეგს (ეს არის ინტერპრეტირებული, მაგრამ არა შევიმუშავებელი). HTML ელემენტები სინტაქსი გაცილებით უფრო ნათელია, ვიდრე რეალური პროგრამირების ენები, როგორიცაა ჟანგი, JavaScript, ან Python. მეთოდი, რომელიც ბრაუზერებს წაიკითხავს HTML- ს შემავალივიდრე პროგრამირების ენებზე მათი კოდექსის ინტერპრეტაცია უფრო მკაცრია. ეს არის ამავე დროს ცუდი, და კარგი.
ტოლერანტული კოდექსის კოდექსი
რას ნიშნავს ტოლერანტული? ზოგადად, როდესაც თქვენ კოდექსში გაუკეთეს, არსებობს ორი ტიპის შეცდომები, რომელთანაც თქვენ შეხვდებით:
- სინტაქსის შეცდომები (სინტაქსის შეცდომები): ეს არის შეცდომები წერილობით სისწორეში, რადგან ეს უფრო მაღალი იყო, ჟანგის მაგალითში. ასეთია, როგორც წესი, ადვილად გამოსწორდება, რამდენადაც იცით, რამდენად იცნობს ენის სინტაქსს და ვიცი, რა შეცდომის შეტყობინებები ნიშნავს.
- ლოგიკური შეცდომები (ლოგიკური შეცდომები): ეს არის შეცდომები, რომლებიც გამოჩნდება, თუ სინტაქსი სწორია, მაგრამ კოდი არ ასრულებს თავის მიზანს, ეს არის პროგრამა არასწორია. ასეთი კორექტირება უფრო რთულია, ვიდრე სინტაქსური, რადგან შეტყობინებები მიუთითებს იმ ადგილას, სადაც ცდებით.
HTML არ განიცდის სინტაქსის შეცდომებს, რადგან ბრაუზერმა წაიკითხავს კოდს, იმ გაგებით, რომ გვერდები შეიძლება გამოჩნდეს მაშინაც კი, თუ სინტაქსის შეცდომები იმყოფებიან. ბრაუზერები აშკარად დაწერილი მარკირების ინტერპრეტაციის წესებს, და თქვენ შეგიძლიათ აწარმოოთ რაღაც, მაშინაც კი, თუ თქვენ ნიშნავდა სხვა. ეს შეიძლება იყოს რეალური პრობლემა!
შენიშვნა: HTML ნათქვამია, რადგან როდესაც ვებ-გვერდს მხოლოდ გამოჩნდა, გადაწყდა, რომ ხალხს შინაარსი გამოაქვეყნოს, მაშინაც კი, თუ ეს არასწორია, რადგან ეს ბევრად უფრო მნიშვნელოვანია, ვიდრე აბსოლუტურად სწორი სინტაქსის ნდობა. ვებ არ იქნება იმდენად პოპულარული, თუ ის დამწყებთათვის მკაცრად მკურნალობდა.
აქტიური სწავლება: ტოლერანტული კოდის გაცნობა
ტოლერანტული კოდის ბუნების შესწავლა HTML- ში.
- დაიწყოს, ჩამოტვირთოთ ჩვენი მაგალითი debugging და შეინახოთ ადგილობრივად. ეს დემონსტრაცია განზრახ წერილობით შეცდომებს, რომ ჩვენ უნდა აღმოაჩინოს.
- შემდეგი, გახსენით იგი ბრაუზერში. თქვენ ნახავთ რაღაცას:
- ახლა დოკუმენტი არ არის განსაკუთრებით კარგი; მოდით შევხედოთ კოდს და გაირკვეს, რატომ (მხოლოდ დოკუმენტის ორგანოა ნაჩვენები):
HTML გამართვის მაგალითები.
რა იწვევს შეცდომებს HTML- ში?
- Unclosed ელემენტები: თუ ელემენტია არ არის დახურული სათანადოდ, მაშინ მისი ეფექტი შეიძლება გავრცელდეს იმ ტერიტორიებზე, რომლებიც არ აპირებთ
- ცუდად წყობილი ელემენტები: მობუდარი ელემენტები სწორად არის ძალიან მნიშვნელოვანი კოდის სწორად. ძლიერი. ძლიერი ხაზგასმით? Ეს რა არის?
- Unclosed ატრიბუტები: კიდევ ერთი საერთო წყარო HTML პრობლემები. მოდით შევხედოთ მაგალითს: ბმული Mozilla Homepage
- Unclosed ელემენტები: თუ ელემენტია არ არის დახურული სათანადოდ, მაშინ მისი ეფექტი შეიძლება გავრცელდეს იმ ტერიტორიებზე, რომლებიც არ აპირებთ
- განვიხილოთ პრობლემები:
- W. параграфа!} და იგი გამოიყენება სიის შესაქმნელად ". .
- პირველი) მიუთითებს, რომ მისი შინაარსი არის დიდი მნიშვნელობა, სერიოზულობა ან გადაუდებელი. ბრაუზერები, როგორც წესი, სქელი შინაარსი არიან " ელემენტს ასევე არ აქვს დახურვის ნიშანი. უკვე უფრო პრობლემატურია, რადგან ძნელი სათქმელია, სადაც ელემენტი უნდა დასრულდეს. სინამდვილეში, ყველა დარჩენილი ტექსტი იყო გამოყოფილი ცხიმი.
- მომდევნო ნაწილი არღვევს ბუჩქებს: ძლიერი. ძლიერი ხაზგასმით? Ეს რა არის? . ამ შემთხვევაში, კოდექსი ასევე რთულია ინტერპრეტაცია ზემოთ აღწერილი ზემოთ აღწერილი.
- HREF ატრიბუტი აკლია ორმაგი ციტატების დახურვას. ეს იყო მთავარი პრობლემის მიზეზი - ბმული საერთოდ არ იყო რეპროდუცირებული.
- ახლა მოდი ვნახოთ, როგორ ბრაუზერმა საკუთარი მარკეტინგის შექმნა, რაც ეწინააღმდეგებოდა დოკუმენტის თავდაპირველ მარკირებას. ამისათვის გამოიყენეთ დეველოპერის ინსტრუმენტები. თუ თქვენ არ იცნობთ დეველოპერულ ინსტრუმენტებს, რამდენიმე წუთში ბრაუზერებში განვითარების ინსტრუმენტების მიმოხილვა.
- DOM ინსპექტორი შეგიძლიათ ნახოთ, თუ როგორ ახალი მარკირება გენერირებული:
- გამოყენებით DOM ინსპექტორი, მოდით შევხედოთ დეტალებს ჩვენი კოდი, თუ როგორ ბრაუზერი ცდილობს შეცვალოს ჩვენი შეცდომები HTML (ჩვენ მიმოხილვა Firefox; კიდევ ერთი თანამედროვე ბრაუზერი უნდა გასცეს იგივე შედეგებს):
- პუნქტები და სია ნივთები მიღებულია დახურვის tags.
- ეს არ იყო აშკარა, სადაც ელემენტი ეს უნდა დაიხუროს, ასე რომ ბრაუზერი ყველა ბლოკის ტექსტის ყველა ბლოკს საკუთარი ძლიერი ტეგებით და დოკუმენტის ბოლოში!
- არასწორი nesting იყო დაფიქსირდა ბრაუზერი შემდეგნაირად: ძლიერი. ძლიერი ხაზგასმით? Ეს რა არის?
- ბმული დაკარგული ორმაგი შეთავაზებები ამოღებულ იქნა ხსენების მიერ. სიის ბოლო ელემენტი გამოიყურება ასე:
- Unclosed ატრიბუტები: კიდევ ერთი საერთო წყარო HTML პრობლემები. მოდით შევხედოთ მაგალითს:
HTML Validation
მაგალითიდან ზემოთ ნათქვამია, რომ HTML- ის მოქმედების შემოწმება ღირს. ზემოდან მარტივი მაგალითია, შეგიძლიათ უბრალოდ იხილოთ ყველა კოდი და იპოვოთ შეცდომები, მაგრამ რაც შეეხება უზარმაზარ, რთულ გვერდებს?
უმჯობესია შეამოწმოთ გვერდი Validation Service Markup- ში. იგი შეიქმნა და მხარდაჭერილი W3C - ორგანიზაცია, რომელიც ჩართული HTML, CSS სპეციფიკაციები და სხვა ვებ ტექნოლოგიები. სერვისი შეამოწმებს თქვენს HTML- ს და ანგარიშს მისცემს შეცდომებს.
HTML შეიძლება შემოწმდეს მისამართზე ფაილის ჩამოტვირთვისას ან უბრალოდ გადაღება გვერდზე.
აქტიური სწავლება: HTML დოკუმენტის დადასტურება
- გახსენით მარკირების დადასტურების სერვისი ბრაუზერში.
- გადადით პირდაპირ შეყვანის რეჟიმში.
- დააკოპირეთ მთელი დოკუმენტის კოდი (არა მხოლოდ სხეული) და ჩადეთ შესვლის ადგილი.
- დაჭერა შეამოწმეთ (შემოწმება).
თქვენ იხილავთ შეცდომებსა და სხვა ინფორმაციას.
შეცდომა შეცდომით
ეს, როგორც წესი, აშკარად ნათელია, რა შეტყობინებები ნიშნავს, მაგრამ ზოგჯერ თქვენ უნდა ვეცადოთ, რა არის საქმე. ახლა ჩვენ ყველა შეცდომას გავდივართ და მაინტერესებს, რას ნიშნავს ისინი. გთხოვთ გაითვალისწინოთ, რომ შეტყობინებები მიუთითებს ხაზი და კოდის სვეტი ისე, რომ შეცდომები უფრო ადვილია მოძებნოთ.
- "End Tag Li გულისხმობდა, მაგრამ ღია ელემენტები იყო" (2 შემთხვევა): არ არის ნათელი დახურვის ნიშანი, თუმცა ბრაუზერი გამოცნობაა, სად უნდა იყოს. შეტყობინება მიუთითებს სიმებიანი მას შემდეგ, რაც დახურვის ტეგი იყო მოსალოდნელი, მაგრამ თქვენ იპოვით უფლებას.
- "Unclosed ელემენტი ძლიერი": ეს არის ძალიან მარტივი შეცდომა - ელემენტი) მიუთითებს, რომ მისი შინაარსი დიდი მნიშვნელობა აქვს, სერიოზულობა ან გადაუდებელი. ბრაუზერები, როგორც წესი, სქელი შინაარსი არიან " არ დაიხურა და გაგზავნა პირდაპირ გახსნის ტეგს.
- "End Tag ძლიერი არღვევს nesting წესებს": საქონელი არასწორად ინვესტიცია - ამ დონეზე არ არსებობს წყვილი გახსნა tag.
- "ფაილის ბოლოს მიაღწია ატრიბუტის მნიშვნელობას. იგნორირება tag": იდუმალი შეტყობინება. ფაქტია, რომ სადღაც (სავარაუდოდ, დოკუმენტის დასასრულს) არასწორად ამოიღეს ელემენტის ქონება და ფაილის დასასრული იყო ამ ქონების შიგნით. ბრაუზერი ვერ ხედავს ბმულებს - სავარაუდოდ პრობლემასთან დაკავშირებით.
- "ფაილის დასასრული და ღია ელემენტები იყო": ფაილი დასრულდა, მაგრამ ზოგიერთი ელემენტები არ არის დახურული. შეტყობინება მიუთითებს ფაილის დასასრულს, ამ შემთხვევაში მაგალითი ელემენტი არ არის დახურული: ბმული Mozilla Homepage ↩