|
Маленькие хитрости веб-разработчика
Любой веб-разработчик, который создаёт, так называемый, «резиновый» дизайн, должен позаботится о том, что бы его сайт нормально и правильно отображался при любых разрешениях монитора. Для такой проверки можно, например, переключать разрешения монитора, изменять размеры окна браузера. Однако эти способы имеют ряд неудобств.
Вашему вниманию предлагается более просто, удобный и быстрый способ, суть которого заключается в том, чтобы создать по одной обыкновенной ссылке-закладке для каждого нужного размера окна. При нажатии на такую ссылку, окно браузера будет принимать необходимый вам размер.
Итак, приступим. Создайте html-файл со следующим содержанием:
<html><head><title>Resizer</title></head><body>
<a href="javascript:window.resizeTo(640,480);window.moveTo(0,0);">640x480</a><br>
<a href="javascript:window.resizeTo(800,600);window.moveTo(0,0);">800x600</a><br>
<a href="javascript:window.resizeTo(1024,768);window.moveTo(0,0);">1024x768</a><br>
</body></html>
По аналогии можете добавить все необходимые вам размеры.
Теперь откройте этот html-файл и создайте по закладке на каждую ссылку. В большинстве браузеров для этого достаточно просто перетащить ссылку на, например, панель закладок.
В итоге получаете такую себе панель веб-тестера
|