2 способа открыть ссылку в новой вкладке браузера


Открыть любую ссылку в новой или текущей вкладке браузера

Два бесплатных простых букмарклета. InNewTab – для открытия любых ссылок в новой вкладке браузера. InCurrentTab – для открытия любых ссылок в текущей вкладке браузера. Устанавливайте и используйте.

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

Есть возможность открыть ссылку в новом окне или вкладке браузера, но нет функции открытия ссылки в текущем окне. Всё сложно, но есть два букмарклета, которые решаю задачу на 100%.

Открыть ссылку в новой вкладке браузера

Букмарклет переопределяет цели в атрибуте target тега A всех ссылок веб-страницы на _blank . Таким образом, при клике по любой ссылке веб-страницы, она будет открываться в новой вкладке или окне браузера.

[].forEach.call(document.body.getElementsByTagName(«a»), function(a) <
a.setAttribute(«target», «_blank»);
>);

Открыть ссылку в текущей вкладке браузера

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

[].forEach.call(document.body.getElementsByTagName(«a»), function(a) <
a.setAttribute(«target», «_self»);
>);

Установка букмарклет

Установка InNewTab и InCurrentTab осуществляется так же, как и установка любого другого букмаркета (подробнее) .

  1. Откройте окно браузера.
  2. Отобразите «Панель закладок».
  3. Перенесите ссылку букмарклета на «Панель закладок».


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

Как использовать букмарклет

Использование InNewTab и InCurrentTab осуществляется так же, как и использование любого другого букмарклета (подробнее) .

  1. Откройте веб-страницу.
  2. Кликните браузерную закладку.
  3. Кликните ссылку на веб-странице.

Тег base не подойдёт?

23 сентября 2015 г., 21:11 Удалить комментарий

2NMitra Нет, «посетитель не станет лезть в код и что-то менять».

23 сентября 2015 г., 23:40 Удалить комментарий

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

25 сентября 2015 г., 9:06 Удалить комментарий

2NMitra Да, следует учесть этот момент, спасибо. Но не стоит забывать, что тег base задаёт как бы значение «по умолчанию». Он не способен переопределить значение атрибута в ссылке.

25 сентября 2015 г., 9:27 Удалить комментарий


Как ссылки открывать в новых вкладках

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

Как открыть ссылку в новой вкладке?

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

В общем-то, браузеры обычно настроены на то, чтобы ссылки открывались в новых вкладках.

Но если этого нет, нужно проверить настройки браузера.

Например, в Mozilla FireFox нужно зайти в Инструменты – Настройки – Вкладки и проверить стоит ли птичка в окошке – Вместо новых окон открывать новые вкладки.

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

Рис.1 Ссылки открывать в новых вкладках можно настроив браузер

В Хроме ссылки открываются по умолчанию в новых вкладках.

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

Как открыть ссылку в новой вкладке используя комбинацию клавиш?

Открыть ссылку в новой вкладке можно комбинацией Ctrl + щелчок ЛКМ (левая кнопка мыши). Так можно ссылки открывать в новых вкладках, но открытая вкладка будет неактивной.


Как открыть ссылку в новой вкладке и чтобы она была активной?

Ссылки открывать в новых вкладках с их автоматической активацией можно, используя комбинацию клавиш Ctrl + Shift + ЛКМ (левая кнопка мыши).

Комбинация клавиш Ctrl + ЛКМ и Ctrl + Shift + ЛКМ позволяет открывать ссылки в новых вкладках, даже если сайт настроен на открытие страниц в этом же (родительском) окне.

Различие между этими комбинациями в том, что Ctrl + ЛКМ открывает новую неактивную вкладку, а комбинация Ctrl + Shift + ЛКМ открывает новую активную вкладку. То есть вы сразу же переходите по ссылке на новую вкладку.

Как открыть ссылку в новой вкладке через контекстное меню?

Это еще один способ открытия ссылки в новой вкладке. В этом случае нужно использовать ПКМ (правую кнопку мыши).

Щелчок правой кнопки мыши на ссылке открывает контекстное меню. В нем нужно выбрать пункт «Открыть ссылку в новой вкладке» (рис.2).

Цукерберг рекомендует:  Развитие - Три пути программиста хороший, плохой, злой

Рис.2 Открытие ссылки в новой вкладке через контекстное меню

Ссылка откроется в новой неактивной вкладке. То есть потребуется дополнительный щелчок по вкладке, чтобы открыть страницу.

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

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

Здесь есть возможность не просто открыть ссылку в новой вкладке, но и сразу перейти в нее.

Почему внешние ссылки нужно открывать в новых вкладках браузера

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


ВКЛАДКИ БРАУЗЕРА ИЗМЕНИЛИ ВСЕ

Когда-то браузеры были далеки от совершенства и многие пользователи неодобрительно относились к открытию ссылок в новых окнах. Прежде всего потому, что было трудно контролировать процесс серфинга. С появлением браузерных вкладок все изменилось – вместо того, чтобы открывать новые окна, пользователи получили возможность перемещаться между вкладками. Это было очень полезное нововведение: пользоваться вкладками гораздо удобнее, чем открывать и закрывать окна.

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

ВНУТРЕННИЕ И ВНЕШНИЕ ССЫЛКИ

Ссылки, которые направляют пользователя на другую страницу в пределах сайта, называются внутренними. Такие линки никогда не следует открывать в новых вкладках, так как это не является необходимым и только вводит посетителей в заблуждение. Перемещаясь между страницами сайта, пользователи могут использовать навигационное меню, так что новая вкладка попросту не нужна. Открывая ссылку в той же вкладке, дизайнер попутно решает еще одну задачу – он помогает пользователю лучше понять, как систематизирована информация на сайте.

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

ПРОБЛЕМА С КНОПКОЙ «НАЗАД»

Если дизайнер решил открывать ссылки в той же вкладке, то он тем самым создает определенные неудобства для пользователя. Каждый раз, когда посетитель переходит на другой сайт, он должен кликнуть по кнопке возврата, чтобы вернуться на ранее просматриваемую страницу. Если же пользователь, перейдя на другой сайт, кликнул по нескольким ссылкам, ему придется жать кнопку «Назад» несколько раз. Это очень неудобно и непродуктивно, так как увеличивается время ожидания открытия страницы, что при медленном соединении может стать раздражающим фактором.

ЗАМЕДЛЕНИЕ ПОЛЬЗОВАТЕЛЬСКОГО ПОТОКА

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

Нельзя также забывать и о ресурсах сайта. Каждый раз, когда пользователь жмет кнопку «Назад», он заново загружает уже просмотренную страницу, а это неэффективное использование ресурсов. Новые вкладки устраняют эту проблему и увеличивают пропускную способность сайта.

НЕТОЧНАЯ АНАЛИТИКА

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


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

ВЫВОД

Работая над улучшением пользовательского опыта, нужно всегда помнить о разнице между внутренними и внешними ссылками. Открытие внешних ссылок в новых вкладках упрощает пользователям работу с информацией и эффективно расходует ресурсы сайта. Однако в дизайне нет жестких требований и вполне возможно, что на некоторых сайтах можно предоставить пользователю самому решать, каким именно способом ему переходить по ссылкам. Есть большое число пользователей, которые не любят перемещаться между вкладками и предпочитают использовать кнопку возврата. Так что если анализ показывает, что пользователям новые вкладки не нравятся, не стоит навязывать им свой вариант.

Цукерберг рекомендует:  Вакансии АО Фармстандарт

HTML: Открытие ссылки в новой вкладке

Для того чтобы страница, на которую ведет ссылка, открывалась в новом окне, нужно будет сообщить браузеру имя окна, в котором нужно открыть страницу. Если вы не указываете браузеру использовать какое-то определенное окно, то он откроет страницу в текущем окне.

В таблице приведены все доступные значения для атрибута target.

Значение Описание
_blank Открывает документ в новом окне.
_self Открывает документ в том же окне, где была нажата ссылка (значение по умолчанию).
_parent Открывает документ в родительском окне.
_top Открывает документ на весь экран.
имя_фрейма Открывает документ в указанном фрейме.

Примечание: если ваш браузер поддерживает вкладки, то ссылки с target=»_blank» будут открываться не в новом окне, а в новом вкладке. В этом случае, если вам требуется, чтобы ссылка открывала именно новое окно, надо воспользоваться языком программирования (например, JavaScript).

Как сделать, чтобы все ссылки открывались в новой вкладке, а не окне?

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

Может кто-то знает? посоветуйте пожалуйста.
вот то что я нашел для мозиллы — оно работает нормально только в мозилле..

2 способа открыть ссылку в новой вкладке браузера

Довольно распространенный вид действий, при работе в интернет-браузере, открытие ссылки, не закрывая текущей страницы (и наверное самый не эффективный с точки зрения понимания информации). Часто бывает так, что когда мы ищем информацию в интернете, мы открываем огромное количество вкладок и окон, зачастую обрастая ими. Это приводит к тому, что дальнейшее восприятие информации становится невозможным. Инструкция сегодня, как раз о том, как открывать ссылки во вкладках и окнах в браузере, и не терять текущей страницы (на случай, если Вы не теряетесь во вкладках и окнах).

Открыть ссылку в новом окне


Хотите открыть ссылку в отдельном окне? Это довольно просто сделать. Удерживайте нажатой клавишу “Shift”, затем щелкните ссылку которую хотите открыть в отдельном окне.

Эта функция дублируется в контекстном меню браузера. Открыть ссылку в новом окне можно нажав по ней правой клавишей мыши и выбрать “Открыть ссылку в новом окне».

Открыть ссылку в новой вкладке

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

Также, как и в предыдущем случае, открытие вкладки заложено в контекстном меню браузера. Просто наведите курсор на ссылку — нажмите правой клавишей мыши — в контекстном меню выберите опцию “Открыть ссылку в новой вкладке”.

Ничего сложного друзья! Также хочу заметить, что эти методы работают во всех основных интернет-браузерах, доступных для Microsoft Windows.

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

Открыть ссылку в новой вкладке или окне html

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

Представим, Вы пишите ссылку таким образом:

Чтобы ссылка открывалась так как Вам нужно (в новом окне), необходимо добавить атрибут target=»_blank», и тогда ссылка примет следующий вид, и будет открываться по нажатию в новом окне:

Цукерберг рекомендует:  Нача - С чего начать

Как ссылки открывать в новых вкладках

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

Как открыть ссылку в новой вкладке?


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

В общем-то, браузеры обычно настроены на то, чтобы ссылки открывались в новых вкладках.

Но если этого нет, нужно проверить настройки браузера.

Например, в Mozilla FireFox нужно зайти в Инструменты – Настройки – Вкладки и проверить стоит ли птичка в окошке – Вместо новых окон открывать новые вкладки.

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

Рис.1 Ссылки открывать в новых вкладках можно настроив браузер

В Хроме ссылки открываются по умолчанию в новых вкладках.

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

Как открыть ссылку в новой вкладке используя комбинацию клавиш?

Открыть ссылку в новой вкладке можно комбинацией Ctrl + щелчок ЛКМ (левая кнопка мыши). Так можно ссылки открывать в новых вкладках, но открытая вкладка будет неактивной.

Как открыть ссылку в новой вкладке и чтобы она была активной?

Ссылки открывать в новых вкладках с их автоматической активацией можно, используя комбинацию клавиш Ctrl + Shift + ЛКМ (левая кнопка мыши).

Комбинация клавиш Ctrl + ЛКМ и Ctrl + Shift + ЛКМ позволяет открывать ссылки в новых вкладках, даже если сайт настроен на открытие страниц в этом же (родительском) окне.


Различие между этими комбинациями в том, что Ctrl + ЛКМ открывает новую неактивную вкладку, а комбинация Ctrl + Shift + ЛКМ открывает новую активную вкладку. То есть вы сразу же переходите по ссылке на новую вкладку.

Как открыть ссылку в новой вкладке через контекстное меню?

Это еще один способ открытия ссылки в новой вкладке. В этом случае нужно использовать ПКМ (правую кнопку мыши).

Щелчок правой кнопки мыши на ссылке открывает контекстное меню. В нем нужно выбрать пункт «Открыть ссылку в новой вкладке» (рис.2).

Рис.2 Открытие ссылки в новой вкладке через контекстное меню

Ссылка откроется в новой неактивной вкладке. То есть потребуется дополнительный щелчок по вкладке, чтобы открыть страницу.

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

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

Здесь есть возможность не просто открыть ссылку в новой вкладке, но и сразу перейти в нее.

Открыть ссылку в новой вкладке

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

Javascript
20.02.2014, 00:31

Открыть в новой вкладке div
Здравствуйте. Есть меню, которое построено с помощью блоков, т.е. каждая кнопка — отдельный блок. .

Наружные ссылки открывать в новой вкладке а внутренние в той же.
Подскажите пожалуйста,на данный момент переношу сайт на umi-cms и передо мной встала задача.Нужно.

Браузер открывает ссылку только в новой вкладке-как исправить?

Компьютер уже не нов. Использование интенсивное довольно. Переустановски были ОС. Ремонты.

При работе в браузере при нажатии на любую ссылку(например в мозиле стартовой странице-новости)- эта не открывается. Открывается она лишь если нажать на неё правой кнопкой мыши и левой подтвердить «открыть в новой вкладке». Перезагружаешь компьютер и некоторое время нормально работает. А потом опять то же. Можно что то сказать об этом. Или сказать нечего, кроме того, что «Комп надо менять»

Как открыть ссылку в новой вкладке?

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

Через HTML мы можем указать, как открывать ссылки — в текущем окне или в новом окне. Для этого к элементу следует добавить атрибут target со значением _blank (да, с подчёркиванием впереди), как показано в примере 1.

Пример 1. Открытие ссылки

Результат данного примера показан на рис. 1. Обратите внимание, что ссылки по своему виду ничем друг от друга не отличаются и понять, как и где она откроется, нельзя.

Рис. 1. Вид ссылок

Атрибут target со значением _blank позволяет открыть ссылку в новом окне или вкладке. Поведение зависит от настроек браузера, к примеру, в настройках Firefox по умолчанию стоит открывать ссылки во вкладках (рис. 2).

Рис. 2. Настройки вкладок в Firefox

Если галочку с этой настройки убрать, то ссылки будут открываться в новом окне, а не во вкладке.

Понравилась статья? Поделиться с друзьями:
Все языки программирования для начинающих