Google chrome открывать в новой вкладке. Как открыть новое окно браузера

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

Вам понадобится

- установленный на компьютер браузер.

Инструкция

Возможность открывать новые вкладки и окна поддерживают все интернет-обозреватели. Подобная функция весьма полезна в том случае, когда нужно просмотреть различные страницы сайтов, не закрывая при этом другие адреса.

Это удобно, к примеру, при посещении интернет-ресурсов, на страницах которых есть сноски на другие сайты и страницы, где представлена расширенная информация о том или ином понятии или предмете. Обнаружить такие ссылки довольно просто, так как они, как правило, оформлены синим цветом шрифта, нередко с подчеркиванием.

При подведении компьютерной мышки к подобной надписи текст выделяется и подчеркивается, тем самым сообщая о том, что кликнув по ссылке, вы сможете перейти на следующую страницу для получения дополнительной информации. Но в этом случае вы тут же покинете предыдущую страницу.

Однако если воспользоваться специальными опциями браузера, вы сможете и новую открыть, и главную оставить. Для этого достаточно кликнуть правой кнопкой мыши по нужной надписи-ссылке, а затем выбрать операцию «Открыть ссылку в новой вкладке» или «Открыть ссылку в новом окне». Если вы укажете вкладку, она откроется в этом же окне браузера. Отметите второй пункт – получите новое окно.

Подобный принцип действует во всех обозревателях. Но название опции может несколько отличаться. Например, в Mozilla Firefox необходимо выбрать пункт «Открыть в новой вкладке» или «Открыть в новом окне». В Google Chrome - «Открыть ссылку в новой вкладке» или «Открыть ссылку в новом окне». Браузеры CometBird и Internet Explorer также предлагают для ссылок операции «Открыть в новой вкладке» или «Открыть в новом окне».

А обозреватель Opera, кроме стандартного вида страниц, может открывать новые адреса в фоновых окнах и вкладках.

Самый простой способ открытия новых вкладок, доступный даже начинающему пользователю компьютера – клик по знаку «плюс», располагающемуся на рабочей панели браузера рядом с открытой вкладкой. В этом случае откроется пустая вкладка.

Внимание, только СЕГОДНЯ!

Все интересное

Браузер Safari, аналогично другим современным программам того же класса, позволяет открывать в одном окне несколько вкладок. А если вы случайно закрыли одну из них, необязательно вспоминать адрес страницы, которую вы в ней просматривали. Эту вкладку…

Не помните, на какие сайты заглядывали? А может, вы хотите проверить, не пользовались ли посторонние в ваше отсутствие компьютером? Также не будет лишним узнать, чем во время «прогулки» по интернету интересуется ваш ребенок. И все это…

Стартовая страница - это сайт, который загружается автоматически при запуске браузера либо открытии новой вкладки. Ее можно устанавливать вручную или задавать при помощи инструментов странички, на которой вы находитесь. Вам понадобитсяКомпьютер…

Адреса полезных или просто интересных страниц в интернете передаются от одного пользователя к другому с помощью ссылок. Обычно чтобы открыть полученную ссылку в браузере, достаточно кликнуть по ней указателем мышки - большинство современных программ…

Если вы не можете найти скачанный с интернета файл, не беспокойтесь. Эта проблема решаема. Ведь восстановить путь к искомому объекту можно из папки загрузок, которая имеется в каждом браузере. Вам понадобится- установленный на компьютер…

Работа с интернет-браузером подразумевает большое количество постоянно открытых окон или вкладок. Просмотрщиков интернет-страниц, которые не умеют создавать новые вкладки, сегодня уже не встретишь, исключением может быть только Internet Explorer 6-й…

Гиперссылка – закодированный текстом, картинкой или другим элементом адрес стороннего сайта или другой страницы текущего сайта. Администраторы и авторы сайтов, как правило, делают переход на свои источники и дополнительные ресурсы максимально…

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

Веб-обозреватель – программа, предназначенная для просмотра интернет-сайтов. Разные разработчики предлагают различные версии программного обеспечения. Но какой браузер установить, решать только пользователю. Инструкция 1Чтобы открыть любой…

Быстрый набор (Speed dial) – это функция современных браузеров, позволяющая добавлять в закладки несколько страниц и отображать их в окне новой вкладки. Таким образом, вы тратите меньше времени на переход по ссылкам на любимые сайты. Достаточно…

Большинство пользователей открывают в интернет-браузерах сразу несколько страниц, на каждой из которых загружен отдельный сайт. Зная об этой привычке, разработчики браузеров предусмотрели возможность открытия страниц в разных режимах. …

Для удобства пользования современные браузеры позволяют открывать несколько страниц одновременно в удобном для пользователя виде. Это может быть вид вкладок или вид окна. Инструкция1Наведите курсор на ссылку, по которой хотите перейти. Нажмите…

Многие посетители писали нам письма, в которых интересовались, как открыть новое окно браузера с присутствием одних панелей и отсутствием других, как создать новое окно вообще без панелей инструментов, как создаются самораскрывающиеся окна и т.д. Поэтому мы решили написать данную статью, где подробно описать, каким же образом это реализуется, и какие параметры могут быть использованы.

Начнем с маленького отступления. Какие возможности нам предоставляет в чистом виде язык HTML? Мы можем открывать ссылку в новом окне, использовав атрибут target со значением _blank, на этом, собственно, возможности HTML и заканчиваются:

Site.ru

В этом случае ссылка откроется в новом окне браузера, которое будет выглядеть так же, как и предыдущее с точки зрения наличия / отсутствия определенных панелей браузера, кроме того, это окно, как правило, открывается в оконном режиме, размеры которого также у каждого пользователя могут быть различны.

Как Вы, наверное, уже знаете, для контроля всех перечисленных параметров используются возможности JavaScript, а конкретно метод open объекта window. Запишем его со всеми возможными параметрами:

window.open("http://www.site.ru","namewin","top, left, menubar, toolbar, location, directories, status, scrollbars, resizable, width, height")

здесь 3 группы параметров, каждая из которых заключена в апострофы (одинарные кавычки).

Рассмотрим эти параметры :

http://www.site.ru - это адрес сайта, открываемого в новом окне браузера;

namewin - это имя, которое будет присвоено открываемому окну. Имя может состоять из букв английского алфавита (больших и малых), цифр и знака "_". Затем по имени можно обращаться к новому окну и совершать различные действия с ним: загружать в него другой сайт, перемещать окно и т.д. вплоть до закрытия этого окна.

top - отступ открываемого окна от верхней части экрана. Значение задается в пикселах, например, top=25.

left - отступ открываемого окна от левой части экрана. Значение задается в пикселах, например, left=20.

menubar - определяет показывать строку меню браузера в открываемом окне или нет. Значениями являются yes или no, вы также можете использовать в виде значений соответственно 1 и 0. Значения true (правда) и false (ложь) не совсем корректно воспринимаются браузерами Netscape, поэтому таким образом задавать значения не рекомендуется. Например, menubar=1. Кроме того, если меню присутствует, то пользователь получает возможность добавить или удалить какие-либо панели браузера с помощью команд меню.

toolbar - определяет показывать в открываемом окне панель "Обычные кнопки" (назад, вперед, остановить и т.д.) или нет. Для браузера Netscape эта панель называется "Панель навигации". Значения задаются аналогично предыдущему параметру, например, toolbar=no.

location - определяет показывать панель "Адресная строка" (в Netscape "Панель адреса") или нет. Значения задаются аналогично предыдущему параметру, например, location=0.

directories - определяет показывать панель "Ссылки" (в Netscape "Личная панель инструментов") или нет. Значения задаются аналогично предыдущему параметру, например, directories=yes.

status - определяет показывать строку состояния (статуса) или нет. Значения задаются аналогично предыдущему параметру, например, status=1.

scrollbars - определяет можно ли при необходимости (когда содержимое странички не помещается на экране) показывать панели прокрутки (горизонтальные и вертикальные) или нет. Значения задаются аналогично предыдущему параметру, например, scrollbars=0.

resizable - определяет возможность пользователя изменять размеры открываемого окна. Если задано значение resizable=0, то в открываемом окне недоступной становится кнопка "Развернуть" (при доступных "Свернуть" и "Закрыть"), а в Netscape 6 вообще не отображаются никакие кнопки, кроме доступной "Закрыть".

width - ширина открываемого окна. Значение задается в пикселах, например, width=450.

height - высота открываемого окна. Значение задается в пикселах, например, height=300.

Примечание: если Вы используете метод open совсем без параметров, то есть open(), то будет открыто пустое новое окно (about:blank). Использование только первого параметра (или первого и второго) аналогично примеру на чистом HTML, но если использован второй параметр, то к окну можно будет обратиться по имени. Если в списке 3 группы параметров указан один из параметров, а остальные параметры, отвечающие за наличие / отсутствие панелей, не указаны, то они автоматически считаются равными 0.

Использование:

Для использования метода open объекта window его сопоставляют с обработчиком какого-либо события, рассмотрим это на примерах:

Мы создали форму с одной единственной кнопкой. Если пользователь нажмет на нее (событие onclick), то будет открыто новое окно браузера (с именем newwin) без каких-либо панелей, строки статуса, панелей прокрутки, без возможности изменения размеров шириной 400 пикселей и высотой 300 пикселей, в которое начнется загрузка сайта http://www.site.ru

Также Вы можете записать содержимое обработчика события onclick в виде отдельной функции JavaScript, а потом в обработчике события просто вызвать эту функцию.

Рассмотрим создание текстовых ссылок, использовав вызов заранее созданной функции JavaScript (и записанной в заголовке странички), которая выполняет открытие нового окна:

.
.
.

Site.ru

Метод window.open() открывает новое окно браузера или вкладку, как если бы в меню браузера выбрать пункт Открыть новое окно или Открыть новую вкладку. В это окно загружается документ в соответствии с указанными параметрами. Данный метод возвращает ссылку на объект window открытого окна или null , если окно не открылось.

window. open(URL, имя окна[, параметры окна]) URL Абсолютный или относительный адрес ресурса для загрузки в новое окно. Можно указывать любые файлы (HTML-документы, картинки и т.п.), поддерживаемые браузером. Если в качестве URL передаётся пустая строка, тогда открывается пустое окно, но ничего не загружается. имя окна Имя нового окна. Оно может использоваться в качестве значения атрибута target тега для перехода именно в это окно. Имя окна не должно содержать пробелов. Данный параметр не имеет отношения к заголовку окна. параметры окна Необязательный аргумент. Параметры окна передаются в виде строки, содержащей список настроек окна (размеры, положение и т.д.), разделённых запятыми. Строка не должна содержать пробелов. Изменить настройки окна после его открытия нельзя.

Пример использования:

Open("https://ya.ru", "yandex_window"); // откроет новое окно (вкладку) и загрузит страницу "https://ya.ru"

Новое окно открывается сразу при вызове window.open() и изначально оно пустое. Загрузка ресурса не начинается до тех пор, пока не выполнится весь текущий скриптовый блок.

Если окно с указанным именем уже открыто, тогда загрузка документа выполнится в это же окно. В этом случае метод вернёт ссылку на данное окно, а передаваемые параметры окна проигнорируются. Если и URL - пустая строка, тогда с окном вообще ничего не произойдёт. Чтобы при каждом вызове window.open() открывалось новое окно, в качестве имени окна можно указать специальное значение _blank .

BOM-интерфейс Всегда то же окно
Всегда новое окно function sameWindow() { open("https://ya.ru", "yandex_window"); } function newWindow() { open("https://ya.ru", "_blank"); }

Всегда то же окно
Всегда новое окно

Если при открытии окна его параметры не указаны (третий агрумент метода window.open() опущен или передана пустая строка), тогда внешний вид нового окна будет таким же, как у исходного (со всеми панелями инструментов), или документ загрузится в новой вкладке исходного окна браузера. Если же указан хотя бы один параметр, то все остальные параметры (кроме titlebar и close , которые установлены по умолчанию) считаются отменёнными.

Если параметр должен принимать числовое значение, то оно указывается после знака = (равно), например width=640 .

Если опция может иметь только два состояния (включена/отключена), тогда есть три способа для её включения. Примеры:

location=yes
location=1
location

Для отключения опций им необходимо присвоить значение no или 0 . По умолчанию все опции, кроме titlebar и close , отключены. Поэтому не имеет смысла отключать остальные опции, кроме этих двух.

BOM-интерфейс Открыть новое окно function newWindow() { open("http://WebGentleman.ru/javascript/", "WebGentleman.ru", "width=320,height=320,scrollbars"); }

Открыть новое окно

В примере выше для открываемого окна будут использоваться опции scrollbars , titlebar и close , а также установлен размер области документа 320x320 пикселей.

Если в параметрах открываемого окна не указаны его размеры, тогда используются размеры исходного окна.

Если в параметрах не указано положение окна, тогда оно размещается на 22 пикселя ниже и 22 пикселя правее исходного.

Если в параметрах окна не указаны ни размеры, ни положение окна, а исходное окно развёрнуто на весь экран, новое окно тоже разворачивается на весь экран.

В некоторых браузерах пользователь может сам установить параметры открываемых окон, которые нельзя изменить опциями метода window.open() .

Параметры окна Размеры и положение left Расстояние от левой границы экрана до окна. Окно не может быть выведено за областью экрана. top Расстояние от верхней границы экрана до окна. Окно не может быть выведено за областью экрана. height Высота области содержимого документа в пикселях, включая горизонтальную полосу прокрутки. Не может быть меньше 100. width Ширина области содержимого документа в пикселях, включая вертикальную полосу прокрутки. Не может быть меньше 100. Функциональность menubar Используется для отображения основного меню (Файл, Правка, Вид...). toolbar Используется для отображения панелей инструментов (панель навигации, панель вкладок, панели плагинов и т.д.). location Используется для отображения адресной строки. personalbar Используется для отображения панели закладок. status Используется для отображения строки состояния. Удаление строки состояния может привести к потере полезной информации (иногда, жизненно необходимой для пользователя) и функциональности окна, поэтому использовать эту опцию необходимо всегда. resizable Разрешает изменять размер окна. scrollbars Используется для отображения вертикальной и горизонтальной полос прокрутки, если элементы страницы не помещаются в области просмотра документа. Необходимо всегда включать данную опцию, чтобы пользователь имел возможность просмотреть весь документ. titlebar Используется для отображения заголовка окна. По умолчанию опция включена. close Используется для отображения иконок сворачивания и закрытия окна. По умолчанию опция включена. Использование на практике

Чаще всего метод window.open() применяется для открытия ссылок в новом окне (именно окне, а не вкладке). Это делается очень просто:

BOM-интерфейс

Поиск Yandex

Поиск Google

var window_objects = ; /* массив всех открываемых окон */ function windowOpenExample(event) { event.preventDefault(); /* отмена действий браузера по умолчанию */ var ref_href = event.currentTarget.href; /* URL из ссылки */ var ref_target = event.currentTarget.target; /* имя окна из ссылки */ if ((window_objects == undefined) || window_objects.closed) { /* если окно ещё не открыто или уже закрыто, тогда можно задать параметры для окна */ window_objects = window.open(ref_href, ref_target, "top=0,left=0,height=400,width=400,resizable,scrollbars,status"); window_objects.moveTo(0, 0); window_objects.resizeTo(400, 400); } else { /* если окно открыто, тогда его параметры изменить нельзя */ window_objects = window.open(ref_href, ref_target); } window_objects.focus(); /* фокусировка на окне */ }

Приведённая функция загружает ресурс в новом окне и всегда фокусируется на нём, даже если окно уже было открыто.

Значения атрибутов href и target можно было бы передать напрямую в обработчике onclick , но тогда при отключенном JavaScript ссылка не будет работать.

Методы moveTo() и resizeTo() используются на случай, если параметры окна top , left , height или width не поддерживаются браузером. Это увеличивает вероятность кроссбраузерного отображения, но не гарантирует, так как moveTo() и resizeTo() тоже могут не поддерживаться.

Большинство браузеров позволяют открывать ссылки в новых вкладках и, зачастую, этого бывает достаточно для web-разработчика.

Использование window.open() нежелательно по следующим причинам:

Скорость открытия вкладки намного выше, чем скорость открытия нового окна, что является предпочтительным для пользователя.

Чем больше открыто окон, тем сложнее навигация между ними. Навигация по вкладкам удобнее и понятнее.

В новых окнах могут отсутствовать различные меню, панели инструментов, полосы прокрутки и т.д. Открывая ресурс в новой вкладке, об этом можно не беспокоиться.

Открытие нового окна увеличивает нагрузку на операционную систему пользователя.

Помечайте ссылки, создающие новые окна

Пользователь может не заметить, что открылось новое окно. Это может дезориентировать его (отсутствие кнопки Назад и т.п.), что является нежелательным моментом. Если предварительно пометить ссылку, которая должна открыться в новом окне, тогда пользователь будет готов к этому.

Наведите курсор: Поиск Yandex

Также, иконку можно использовать отдельно для открытия ссылки в новом окне, а на саму ссылку обработчик не вешать. Пример:

Поиск Google

Указывайте реальный URL в атрибуте href

Обязательно необходимо использовать реальный URL в атрибуте href . В таком случае, ссылка останется работоспособной при отключенном JavaScript или если браузер не поддерживает открытие новых окон.

Всегда используйте атрибут target

Если JavaScript отключен или не поддерживается, тогда атрибут target подскажет браузеру, что ссылку необходимо открыть в новом окне (вкладке).

Избегайте использования _blank

Всегда используйте конкретные имена открываемых окон. Это позволит повторно использовать уже открытые окна, что увеличит скорость открытия страницы и сэкономит системные ресурсы.

Использование ключевого слова _blank нецелесообразно, так как это приводит к открытию новых безымянных окон, которые нельзя использовать повторно.

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