Який найкращий спосіб перевірити веб-сторінку з більшою роздільною здатністю, ніж роздільна здатність вашого поточного екрана?

10

Я роблю чуйний веб-сайт, на якому мені потрібно перевірити css, html, візуалізацію JavaScript на своїй роздільній здатності 2400px, а мій екран - лише 1900px.

— металевий редуктор твердий
джерело

можливий дублікат Як можна зробити знімок екрана всієї веб-сторінки?

— Ƭᴇcʜιᴇ007

Ви розумієте, що ви можете змінити розмір вікон браузера за межами роздільної здатності екрана в більшості систем Просто перемістіть їх на половину екрана, а потім змініть розмір межі, яка зараз знаходиться посередині екрана. Для фактичного використання це марно, але вистачить для тестування. Цей скріншот повного вікна зроблений на OS X з роздільною здатністю екрана 1680x150.

— Даніель Бек

@DanielBeck - дивно, я намагаюся те ж саме на своєму Chomre (Windows), але це не тягнеться за межі мого поточного екрану

— металевий редуктор твердий

Це дійсно проблема, коли ваша ОС намагається перехитрити вас тоді . Може відтворити Safari на Windows 7.

— Даніель Бек

Моя теж Windows 7

— металевий редуктор твердий

3

У браузері Chrome:

Натисніть F12. Це відкриє DevTools.
Клацніть піктограму налаштувань у правому нижньому куті. Це відкриє налаштування DevTools.
Перейдіть до перекричень у лівому меню.
Поставте прапорець Увімкнути та Увімкнення показників
Введіть роздільну здатність екрана

Я завжди цим користуюся, це дійсно зручно.

— Арман Біматов
джерело

2

Якщо ви натиснете Ctrl+ Shift+ Mв останніх версіях Firefox, ви ввійдете в Respovable Design View , завдяки чому вікно перегляду веб-переглядача може змінити розмір, ніж фактичний розмір екрана. Ви також можете робити знімки екрана та імітувати події на дотик від FF 26 і далі.

^{Клацніть для повного розміру}

Можливо, вам буде легше змінити розмір, зробивши вікно меншим - ви можете перетягнути розміри за один раз. Або просто введіть спеціальне попереднє налаштування зі спадного меню.

— Боб
джерело

Чи існує api для цього варіанту? Щоб увімкнути його за допомогою js-коду, який вводиться або з веб-сайту, або з додатка?

— Камаль Редді

@KamalReddy Я не думаю, що ти зможеш це зробити з контексту вмісту (веб-сайт), але це має бути можливо з хромованого контексту (аддон). Що ж, у майбутньому все одно. Можливо, ви зможете змоделювати Ctrl + Shift + M?

— Боб

1

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

— камалам
джерело

Блокується нашим проксі-сервером. Це вказівник на інший сайт, чи ця сторінка PHP фактична сторінка інструменту?

— Канадський Люк

Сторінка PHP, яку я тут додав, - це фактична сторінка інструменту

— kamalam

0

Це питання, ймовірно, більше підходить для веб-майстрів, але я поцікавлюся і запропоную ViewLikeUs, який

дозволяє перевірити, як виглядає ваш веб-сайт у найпопулярніших форматах роздільної здатності.

— CharlieRB
джерело

1

Має лише 1920 max

— металевий редуктор твердий

0

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

— GENIEBEN
джерело

3

Дозвіл більше, ніж підтримується екраном? Чи можете ви надати детальнішу інформацію, як це налаштувати і як це виглядає?

— Даніель Бек

@DanielBeck Посилання підручника YouTube призначене для карт nVidia. Досить схожий на ATI / AMD.

— GENIEBEN

2

@ElGenieben Це відео прямо за 0:39 попереджає, що ви можете пошкодити ваш дисплей, встановивши занадто високу роздільну здатність.

— Ніколь Гамільтон

0

Спробуйте цей тестер роздільної здатності в Інтернеті, він пропонує безліч різних дозволів для тестування вашого сайту, просто введіть URL-адресу свого веб-сайту, виберіть роздільну здатність і перевірте це.

http://www.webestools.com/resolution-tester-screen-size-page-design-test-screen-resolution-website-online-display.html

Сподіваюся, це допомагає !!!

— Невілл
джерело

0

Ви можете спробувати додаток для Chrome: Тестер роздільної здатності, який підтримує власні рішення :)

— Скулі Аксельсон
джерело

0

Просто змініть масштабування свого веб-переглядача, коли ви зменшуєте масштаб, фактично розмір вашого вікна повідомляє про вашу програму все більшою та більшою шириною.

Наприклад, jsfiddle тут , просто натисніть на кнопку, побачте ширину, про яку вона повідомляє, потім трохи зменшіть масштаб і натисніть ту саму кнопку - вона повідомить про більший розмір.

— Дуб
джерело

0

Спробуйте налаштувати роздільну здатність в емуляторі пристрою в Google Chrome. Це дає вам більший контроль, ніж використання функції масштабування браузера.

Увімкніть емулятор пристрою та встановіть прапорець "збільшити масштаб".

Введіть вручну роздільну здатність до ширини 9999 пікселів (або перетягніть краї емульованого екрана. Емульована роздільна здатність буде масштабуватися так, щоб вона відповідала вашому власному огляду.

Ви можете утримувати висоту роздільної здатності фактично низькою, оскільки ви зможете прокрутити вниз все одно. Таким чином ви можете тримати інспектора також відкритим. Чудовий робочий процес для веб-розробки!

— брамчі
джерело