Komputer, Teknologi maklumat
Menyesuaikan laman untuk peranti mudah alih: langkah demi langkah. laman web mudah alih
Penyesuaian mudah alih laman web ini menjadi lebih popular kerana peningkatan jumlah telefon pintar dan tablet. Apa yang ia? Apa faedah? Terutamanya soalan ini adalah sebenar untuk pemilik kedai online dan laman web beberapa syarikat perkhidmatan, blog dan forum popular. Bagaimana untuk menyesuaikan diri tapak untuk peranti mudah alih boleh dibawa keluar? Berikut adalah senarai pendek soalan yang akan dibincangkan dalam rangka artikel.
maklumat umum
Jadi, pertama mari kita lihat apa yang reka bentuk responsif. Begitu juga konfigurasi di mana semua peranti dihantar ke HTML-kod yang sama, tetapi dimensi unsur-unsur yang disesuaikan melalui CSS. Pelbagai carian robot boleh mengesan apa-apa laman web, dengan syarat bahawa laman dan sumber boleh dilihat untuk imbasan. Untuk memberitahu pelayar untuk kemungkinan ini, gunakan tag meta nama = "Viewport". Apa yang penyesuaian tapak untuk peranti mudah alih?
pertimbangkan tag
Jadi, anda perlu memastikan yang merupakan tag meta name = "viewport". Mengapa dia? Bahawa terdapat arahan untuk pelayar pada bagaimana untuk melaraskan saiz dan skala halaman dengan lebar skrin peranti, dari mana anda melihat laman web ini. Jika anda tidak menambah item kecil ini, page lalai dipaparkan, yang direka untuk komputer. Tetapi manakala pelayar mudah alih akan cuba untuk mengoptimumkan kandungan, yang akan menyebabkan peningkatan font, kandungan berskala atau paparan kandungan yang muat pada skrin. Adakah ia baik? Tidak, versi mudah alih laman web ini dalam kes sedemikian akan menyebabkan hanya persepsi negatif. Lagipun tulisan akan menjadi tidak seimbang, ia adalah perlu untuk menatal halaman ini dan membuat bilangan lebih daripada tindakan yang, walaupun mereka adalah kecil, tetapi masih membosankan. Semak penyesuaian tapak untuk peranti mudah alih, anda boleh menggunakan telefon, tablet, atau perkhidmatan dan program-program khas anda. Sudah tentu, dua pilihan pertama adalah pilihan, tetapi jika anda memerlukan analisis yang menyeluruh dari perspektif peranti yang berlainan dan untuk menjimatkan masa, kemudian muat kedua.
Apakah kelebihan menyesuaikan laman untuk peranti mudah alih?
- Pengguna berkongsi kandungan dalam kes-kes di mana beliau mempunyai satu alamat.
- Algoritma enjin carian untuk mendapatkan susun atur halaman yang tepat, terdapat kekeliruan dengan versi yang berbeza.
- Mengurangkan kemungkinan kesilapan.
- Mengurangkan masa boot dengan menghapuskan keperluan semula pengindeksan.
- Menjimatkan sumber.
Di samping itu, penyesuaian halaman untuk mewujudkan lebih mudah daripada beberapa pilihan untuk sesuatu yang satu. Menyesuaikan laman untuk peranti mudah alih (untuk melakukan ini adalah agak mustahil) bukan sesuatu yang sukar untuk mengetahui JavaScript cukup dan dapat bekerja dengan lembaran gaya melata (CSS) dan imej. Terdapat banyak pendekatan untuk tugas ini. Sebagai sebahagian daripada artikel itu akan dipertimbangkan oleh tiga pilihan yang paling popular:
- Penekanan dalam JavaScript.
- Menggabungkan.
- penggunaan dinamik JavaScript.
Marilah kita menganggap mereka dengan lebih terperinci.
Adaptasi daripada menggunakan JavaScript