Перевірте, як веб-сайт виглядає на мобільних пристроях за допомогою браузера Chrome

Автор Адміністратор

Наявність веб-сайту, який добре працює на всіх платформах, є надзвичайно необхідним у сучасну епоху. Існує безліч інструментів для тестування веб-сайту з різною роздільною здатністю. Але чи знаєте ви, що вам не потрібен будь-який інструмент в Інтернеті чи в режимі офлайн, і ви можете протестувати мобільну версію веб-сайту прямо у своєму браузері Chrome. Ось кроки для цього.

Крок 1 - Перш за все відкрийте будь-який веб-сайт у браузері Chrome.

Крок 2 - Тепер натисніть CTRL + Shift + I, щоб відкрити консоль.

Ви також можете відкрити три крапки вгорі праворуч, а потім натиснути на Інші інструменти -> Інструменти розробника.

Консоль розробника Chrome

Крок 3 - Тепер натисніть CTRL + Shift + M. Ви також можете натиснути на значок перемикача, як показано.

Мобільна роздільна здатність Chrome

Тепер ваш веб-сайт відображатиметься у мобільному дозволі в браузері chrome.

Ось мобільна версія мого веб-сайту Merabheja.comМобільна версія сайту Інструменти розробника Chrome

Крок 4 - Просто натисніть на назву мобільної моделі, щоб змінити мобільну модель з різною роздільною здатністю.

Крок 5 - Щоб побачити ваш веб-сайт у спеціальній роздільній здатності або пристроях, а не у списку, натисніть

редагувати.

Додайте власну роздільну здатність

Крок 6 - Виберіть свій пристрій із довгого списку різних мобільних телефонів. Або якщо вам потрібна власна роздільна здатність (або Вашого телефону немає у списку), просто натисніть Додайте власний пристрій.

Додайте власну роздільну здатність пристрою

Таким чином, ви можете протестувати мобільну версію веб-сайтів за допомогою хрому та без будь-якого розширення.

Подано в: хром

Відсутній значок Google Chrome: як його відновити

Відсутній значок Google Chrome: як його відновитиWindows 11Chromeпомилки Google Chrome

Відновіть значок браузера Chrome і спростіть собі життяВідсутність піктограми Google Chrome є досить незначною, але неприємною проблемою, оскільки ви не можете швидко відкрити браузер.На щастя, існ...

Читати далі
Як вимкнути гостьовий режим у Chrome у Windows 11

Як вимкнути гостьовий режим у Chrome у Windows 11Windows 11Chrome

Ви можете використовувати CMD або редагувати RegeditФункція гостьового режиму в Google Chrome дозволяє користувачам переглядати Інтернет без входу в будь-який обліковий запис.Хоча гостьовий режим м...

Читати далі
3 швидких способи налаштувати гучність вкладок у Chrome

3 швидких способи налаштувати гучність вкладок у ChromeГучністьChrome

Параметри керування звуком дозволяють користувачам налаштувати гучність для кожної вкладкиРізні користувачі вимагали знати, як отримати доступ до регулятора гучності на індивідуальній вкладці Chrom...

Читати далі