ᲙომპიუტერებიᲡაინფორმაციო ტექნოლოგიების

Ადაპტირების საიტის მობილური მოწყობილობებისთვის: ეტაპობრივად ინსტრუქციები. პორტალის საიტი

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

ზოგადი ინფორმაცია

ასე რომ, პირველი მოდით შევხედოთ, თუ რა საპასუხო დიზაინი. ასე რომ, კონფიგურაციის, რომელშიც ყველა მოწყობილობები გაეგზავნა იმავე HTML კოდი, მაგრამ ზომები ელემენტები მორგებული მეშვეობით CSS. სხვადასხვა საძიებო რობოტები შეუძლია აღმოაჩინოს ისეთი საიტები, იმ პირობით, რომ გვერდებზე და რესურსები ჩანს სკანირება. იმისათვის, რომ ვუთხრა ბრაუზერის ამ შესაძლებლობას, გამოიყენოთ tag meta name = "viewport". რა არის ადაპტაციის საიტის მობილური მოწყობილობებისთვის?

განვიხილოთ tag

ასე რომ, თქვენ უნდა დავრწმუნდეთ, რომ იყო tag meta name = "viewport". რატომ ის? რომ არსებობს ინსტრუქციები, ბრაუზერის როგორ უნდა შეცვალოს ზომა და მასშტაბის გვერდი სიგანე მოწყობილობის ეკრანზე, რომელიც თქვენ ნახოთ საიტზე. თუ არ დაამატოთ ეს პატარა ნივთი, ძირითადად გვერდზე არის ნაჩვენები, განკუთვნილია კომპიუტერები. მაგრამ მაშინ, როცა მობილური ბრაუზერები ცდილობენ ოპტიმიზაცია შინაარსი, რომელიც გამოიწვევს გაზრდის შრიფტის, scalable შინაარსი ან ჩვენების შინაარსი, რომელიც შეესაბამება ეკრანზე. ეს არის ლამაზი? არა, მობილური საიტი ასეთ შემთხვევაში გამოიწვევდა მხოლოდ ნეგატიური აღქმა. მას შემდეგ, რაც ყველა ფონტი იქნება არაპროპორციული, აუცილებელია გადახვევა გვერდზე და უფრო რიგი ქმედებები, რომელიც, მიუხედავად იმისა, რომ ისინი მცირე, მაგრამ მაინც tedious. შეამოწმეთ საიტი ადაპტაციის მობილური მოწყობილობების, შეგიძლიათ გამოიყენოთ თქვენი ტელეფონი, ტაბლეტი, ან სპეციალური მომსახურების და პროგრამების. რა თქმა უნდა, პირველი ორი ვარიანტი არჩია, მაგრამ, თუ თქვენ გჭირდებათ საფუძვლიანი ანალიზი პერსპექტივა სხვადასხვა მოწყობილობები და დროისა, მაშინ ჯდება ამ უკანასკნელს.

რა უპირატესობა აქვს ადაპტირების საიტის მობილური მოწყობილობებისთვის?

ამ მეთოდით საშუალებას გაძლევთ:

  1. მომხმარებელი გაზიარება content იმ შემთხვევებში, როდესაც მას აქვს ერთი მისამართზე.
  2. ალგორითმები საძიებო მიიღოს ზუსტი გვერდზე განლაგება, არსებობს გაიგივება სხვადასხვა ვერსიებს.
  3. ამცირებს ალბათობას შეცდომები.
  4. შემცირება ჩატვირთვის დროს აღმოფხვრის საჭიროება ხელახლა ინდექსირებას.
  5. შენახვა რესურსები.

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

  1. აქცენტი JavaScript.
  2. აერთიანებს.
  3. Dynamic გამოყენების JavaScript.

მოდი, მათ უფრო დეტალურად.

ადაპტაციის გამოყენებით JavaScript

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