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

Სარჩევი:

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

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

ვიდეო: როგორ შევამოწმოთ საიტი სხვადასხვა ბრაუზერში
ვიდეო: How To Test Your Website In Different Browsers and Mobile Devices - Google Chrome & Firefox DevTools 2024, დეკემბერი
Anonim

HTML კოდერმა უნდა იცოდეს: პროფესიონალიზმის ნიშანი არის საიტის გვერდის იგივე ჩვენება და ფუნქციონირება ნებისმიერ ბრაუზერში, მინიმუმ "დიდ სამში", რომელშიც შედის ბრაუზერები Internet Explorer, Opera, Mozilla Firefox. საიტის ჩვენების სისწორის შემოწმების პროცესი სამი ძირითადი ეტაპისგან შედგება.

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

Ეს აუცილებელია

  • • კომპიუტერში დაინსტალირებულია რამდენიმე ბრაუზერი.
  • • ყურადღება.

ინსტრუქციები

Ნაბიჯი 1

ეტაპი ერთი, მოსამზადებელი

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

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

ნაბიჯი 2

მეორე ეტაპი - ვიზუალური შედარება

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

1. გვერდის ელემენტებს შორის ჩაღრმავებისა და მინდვრის რაოდენობით. IE განსაკუთრებით დახვეწილია შევსების და მინდვრის თვისებების ნამდვილი მნიშვნელობების გაანგარიშებაში.

2. სხვადასხვა ბრაუზერი განსხვავებულად აჩვენებს შრიფტებს, თუნდაც სტანდარტული შრიფტები, როგორიცაა Arial და Times New Roman. ეს ყველაზე მძიმე დარტყმაა მენიუს ელემენტების ხაზებისთვის, რომელიც შეიძლება აისახოს ორ სტრიქონში ან მთლიანად გადაიტანოთ მეორე რიგში.

3. სურათების ჩვენების სისწორე. უმარტივეს შემთხვევებში, ზოგი ბრაუზერი, მაგალითად, Opera, არ კითხულობს vspace და hspase თვისებებს, რომლებიც მითითებულია თეგის ატრიბუტებში

… ზოგჯერ ატრიბუტების ნახატების მაგიდაზე უჯრედები არ არის ორიენტირებული

ეს მდგომარეობა არ არის გაწერილი. მაგრამ განლაგების დიზაინერის მთავარი პრობლემაა.png

ეტაპი სამი - ფუნქციური შემოწმება

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

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

ნაბიჯი 3

ეტაპი სამი - ფუნქციური შემოწმება

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

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

გირჩევთ: