Тествайте как изглежда уебсайт на мобилни устройства с браузъра Chrome

От Администратор

Наличието на уебсайт, който работи добре на всички платформи, е изключително необходимо в днешната ера. Има много онлайн инструменти за тестване на уебсайт в различни резолюции. Но знаете ли, че не се нуждаете от онлайн или офлайн инструмент и можете да тествате мобилната версия на уебсайта направо във вашия браузър Chrome. Ето стъпките за това.

Стъпка 1 - Първо отворете всеки уебсайт в браузъра Chrome.

Стъпка 2 - Сега натиснете CTRL + Shift + I, за да отворите конзолата.

Можете също да отворите три точки горе вдясно и след това да кликнете върху Още инструменти -> Инструменти за програмисти.

Конзола за разработчици Chrome

Стъпка 3 - Сега натиснете CTRL + Shift + M. Можете също да кликнете върху иконата за превключване, както е показано.

Mobile Resolution Chrome

Вашият уебсайт вече ще се показва в мобилна разделителна способност в браузъра chrome.

Ето мобилна версия на моя уебсайт Merabheja.comИнструменти за разработчици на Chrome с мобилна версия на сайта

Стъпка 4 - Просто кликнете върху името на мобилния модел, за да промените мобилния модел с различни резолюции.

Стъпка 5 - За да видите уебсайта си в персонализирана разделителна способност или устройства, а не в списъка, щракнете върху

редактиране.

Добавете персонализирана резолюция

Стъпка 6 - Изберете вашето устройство от дълъг списък с различни мобилни телефони. Или ако искате персонализирана разделителна способност (или телефонът ви не е в списъка), просто кликнете върху Добавете персонализирано устройство.

Добавете Разделителна способност на персонализирано устройство

По този начин по този начин можете да тествате мобилна версия на сайтове, използващи хром и без никакво разширение.

Пила под: хром

Как да премахнете лентата на отметките от Google chrome

Как да премахнете лентата на отметките от Google chromeChrome

Потребител ме попита как да се отърва от лентата на отметките от страницата с нов раздел на Google chrome. Продължих с десния бутон върху лентата на отметките и премахнах отметката от опцията за по...

Прочетете още
[Решено] ERR_CONNECTION_RESET Най-добрата грешка в Chrome Грешка

[Решено] ERR_CONNECTION_RESET Най-добрата грешка в Chrome ГрешкаИнтернетChrome

Тук се опитваме да поправим една от най-често срещаните грешки при свързване в Chrome, ERR_CONNECTION_RESER Chrome грешка. Тази грешка може да възникне неочаквано и няма да ви позволи да отворите н...

Прочетете още
Пълен списък на тайните URL адреси на Google Chrome и тяхното използване

Пълен списък на тайните URL адреси на Google Chrome и тяхното използванеChrome

Разгледайте тайните URL адреси на Google Chrome и тяхното използване: - Ами ако ви кажа, че вашият собствен Chrome има скрито лице, което никога не сте виждали? Разбира се, бихте се изненадали, нал...

Прочетете още