|
Маленькі хитрощі веб-розробника
Будь-який веб-розробник, який створює, так званий, «гумовий» дизайн, повинен подбати про те, що б його сайт нормально і праале відображався при будь-яких дозволах монітора. Для такої перевірки можна, наприклад, перемикати дозволу монітора, змінювати розміри вікна браузера. Однак ці способи мають ряд незручностей.
Вашій увазі пропонується більш просто, зручний та швидкий спосіб, суть которогпро полягає в тому, щоб створити по одній звичайної посиланням-закладці для кожного потрібного розміру вікна. При натисканні на таку посилання, вікно браузера буде приймати необхідну вам розмір.
Отже, приступимо. Створіть html-файл з наступним змістом:
<html> <head> <title> Resizer </ title> </ head> <body>
<a href="javascript:window.resizeTo(640480);window.moveTo(0,0);"> 640x480 </ a> <br>
; <a Href="javascript:window.resizeTo(800600);window.moveTo(0,0);"> 800x600 </ a> <br>
<a href="javascript:window.resizeTo(1024,768);window.moveTo(0,0);"> 1024x768 </ a> <br>
& nbsp; </ body> </ html>
За аналогією можете додати усі необхідні вам розміри.
Тепер відкрийте цей html-файл і створіть по закладці на кожну посилання. У більшості браузерів для этогпро досить просто перетягнути посилання на, наприклад, панель закладок.
У підсумку отримуєте таку собі панель веб-тестера
|