Вкладки открываются в одном окне. Как сделать удобной работу с большим количеством вкладок в браузере. Как изменять порядок вкладок и закреплять их
Один из посетителей сайта спросил, как открыть ссылку в новом окне HTML . В этой статье я отвечу на данный вопрос.
Что вам потребуется
Посетитель не уточнил, каким редактором пользуется, поэтому будем считать, что он работает напрямую в HTML . Но это не значит, что вы не сможете следовать этой инструкции, если используете для создания сайта какой-либо визуальный редактор. Просто нужно будет получить доступ к разметке страницы. Большинство редакторов и блог-платформ позволяют вручную отредактировать HTML-код .
Например, если вы работаете в Expression Web , можно отредактировать код страницы, переключившись в «Режим кода » (Code mode ).
Как настроить открытие ссылок в новой вкладке или в новом окне браузера
thesitewizard.com
Измените её, чтобы она выглядела следующим образом:
thesitewizard.com
Теперь, когда пользователи кликнут по этой ссылке, она откроется в новом окне или на новой вкладке (в зависимости от того, каким браузером они пользуются, и как он настроен ).
Обратите внимание, что если вы используете DOCTYPE со строгим синтаксисом XHTML 1.0 или 1.1 , то не получится одновременно использовать приведённый выше код и пройти валидацию страницы. Но подозреваю, что этими стандартами никто не пользуется. «Переходные » версии этих стандартов для открытия в новом окне HTML нам вполне подойдут, и в них также поддерживается атрибут target .
Если вы работаете в Expression Web, Dreamweaver, BlueGriffon или KompoZer, кликните по ссылке, которую хотите изменить, перейдите в режим изменения HTML-кода и добавьте атрибут target="_blank".
У этого метода не так много плюсов
Многие начинающие вебмастера думают, что, открывая ссылки в новом окне, пользователи с меньшей вероятностью покинут сайт. Это в корне неверно. Если кто-то кликнет по ссылке, а потом захочет вернуться на ваш сайт, они просто нажмут кнопку «Назад ». Об этой функции даже не самые технически подкованные люди узнают сразу после знакомства с интернетом. Продвинутые пользователи к тому же знают, что можно использовать опцию «Открыть ссылку в новой вкладке » (или «Открыть ссылку в новом окне »).
Создавая ссылки, которые открываются в новом окне, вы мешаете пользователям вернуться на сайт. Может показаться, что они без труда вернутся в первое окно с вашим сайтом. Мой опыт показывает, что это не так - людей сбивает с толку неработающая кнопка «Назад ». Они даже не подозревают, что перед ними новая вкладка или новое окно. Когда у них не получается быстро вернуться на предыдущую страницу, они просто сдаются и переходят на другие ресурсы.
С опытными пользователями дела обстоят не лучше. Их очень раздражает «привычка » вашего сайта открывать новые окна без разрешения. На то они и опытные пользователи - если бы они хотели открыть новую вкладку, они бы сделали это сами, и им нисколько не нравится, что это делают без их согласия. Ещё хуже, если все ваши ссылки открываются в новом окне.
Сайт становится уязвим для фишинговых атак
Если вы применяете кнопку HTML открыть в новом окне, используя target=»_blank» , сайт, на который ведёт ссылка, получает доступ к окну/вкладке с вашей страницей и может подменить её содержимое.
Это не только не удержит пользователей на сайте (если вы открывали новые вкладки именно с этой целью ), но и подвергнет угрозе посетителей. Например, если у вас есть страница входа пользователя, находящийся по ссылке сайт может заменить её на копию вашей, но при этом собирающую логины и пароли пользователей. Такой вид атак называется «фишинг ».
И это не теоретическая уязвимость. Специалисты отдела безопасности Google отметили «значительное количество сообщений » о подобном перехвате вкладок с целью внедрения вредоносного программного обеспечения.
Для тех, кому интересно - технические подробности. Открытый в новом окне сайт получает доступ к вашей странице через объект window.opener в JavaScript. Этот объект с функциями чтения/записи, которым можно управлять. В том числе, можно изменить свойство window.opener.location и заставить браузер перейти по новому адресу, чтобы открыть картинку в новом окне HTML.
Некоторые браузеры позволяют предотвратить подобное поведение добавлением к ссылке атрибута rel=»noopener noreferrer» . Пример, приведённый в начале статьи, будет выглядеть следующим образом:
thesitewizard.com
Теоретически, как rel=»noopener» , так и rel=»noreferrer» должно быть достаточно, чтобы защититься от подобной атаки при открытии страницы в новом окне HTML . При этом корректнее использовать атрибут rel=»noopener» , так как у rel=»noreferrer» есть побочный эффект - браузер не будет передавать сайту URL источника запроса. Но на данный момент не все браузеры поддерживают атрибут rel=»noopener» . Аналогично, rel=»noreferrer» не поддерживается некоторыми браузерами. Поэтому, если захотите защитить пользователей как можно большего числа браузеров, вероятно, придётся использовать оба атрибута.
Тем не менее, этот приём работает только на актуальных версиях Chrome , Firefox и Safari . Internet Explorer данную функцию не поддерживает, хотя я успел быстро проверить 11 версию IE , и она, вроде бы, защищена от подобной атаки при настройках безопасности, применяемых по умолчанию. Насчёт браузера Microsoft Edge точно сказать не могу.
Другими словами, описанный выше метод нельзя назвать стопроцентной защитой. Лучший способ избежать этой проблемы - использовать нормальные ссылки без атрибута target=»_blank» .
Заключение
Общая рекомендация - по возможности избегать открытия вкладок в новом окне HTML . Конечно, в некоторых случаях этого не избежать. В этой ситуации можно предупредить посетителей сайта о том, что «ссылка открывается в новом окне ». Это не сильно поможет среднестатистическому пользователю и не защитит его от фишинговых атак через ваш сайт, но хотя бы не будет раздражать более опытных пользователей.
.
Internet Explorer
Mozilla Firefox
Работа с вкладками
в браузере Google Chrome
с вкладками.
Найти всю полную информацию о работе с вкладками вы можете в своём Google Chrome.
Проблема с браузером: все ссылки открываются в новой вкладке
Для этого откройте браузер и просто нажмите функциональную клавишу F1 на своей клавиатуре. Или нажмите значок гаечного ключа, а может и такого значка , как у меня, вместо гаечного ключа, в конце адресной строки браузера. И выберите внизу открывшейся вкладки Справка. Откроется новая вкладка, где в центре есть ссылка Вкладки и окна. Нажмите и справа откроются все Заголовки связанные с вкладками.
Safari
Opera
Когда вы гуляете по интернету, современные браузеры всегда возможность открыть страницу по ссылке в новом окне или новой вкладке. Это часто очень удобно — вы видите интересную ссылку, но не отрываетесь от текста, который читаете, а открываете ссылку в новом окне или вкладке чтобы вернуться, когда закончите с открытым в данный момент. Мне всегда хотелось, чтобы такая возможность была и в проводнике Windows — щелкнули правой кнопкой по папке — и там есть опция: "открыть в новом окне".
Подобную опцию достаточно просто добавить, забравшись в свойства проводника, но не делать же это на каждом компьютере, на который вы приходите! Существенно лучше автоматизировать процесс с использованием reg файла. Это и есть вторая цель данной статьи — продолжить тему реестра и показать, как его можно редактировать не только руками.
Я приведу в этой статье код файла, добавляющего опцию в конткстное меню; кроме того, этот файл можно будет и скачать. Если же у вас есть интересные примеры фалов реестра, присылайте их мне в комментариях!
Примечание: прошу прощения у тех, кто ждал статью про анонимность. Не успеваю. Выкладываю из запаса.
Итак, реестр.
Как сделать, чтобы ссылки открывались в новом окне или на новой вкладке
Если вы уже запускали regedit, то вы можете сами поэкспериментировать с экспортом всего реестра или его части. Для этого нужно, стоя на ветви реестра, пойти в меню файл-экспорт и выбрать, куда вы хотите сделать выгрузку. Получится файл с расширением reg, двойное нажатие по которому и произведет восстановление реестра — обратную загрузку. Но такой файл можно и создать самостоятельно, что мы сейчас с вами и сделаем. Создайте текстовый файл и запишите снутрь такое содержание:
@="Открыть в новом окне"
@="C:\\WINDOWS\\explorer.exe \"%1\""
Теперь файл нужно переименовать — изменить его расширение на reg. Как это сделать? Ровно так, как вы переименовываете другие файлы, только предварительно нужно отобразить расширения файлов.
Двойной щелчок по такому файлу, соглашаетесь внести изменения в реестр — и вуаля, контекстное меню изменено — при щелчке правой кнопкой мыши по папке появляется вариант "открыть в новом окне". Если вам не хочется создавать, редактировать и переименовывать файл, вы можете его скачать у меня с сайта.
А вот такой файл сделает мой сайт домашней страницей в Internet Explorer
Windows Registry Editor Version 5.00
"Start Page" = "https://it.sander.su/"
У вас есть хорошие примеры фалов для редактирования реестра? Присылайте! Кстати, напомню мой старый пост про Windows script host — там есть примеры шуточных программ на языке, встроенном в Windows.
comments powered by
Как открыть ссылку в новом окне?
Как изменить
настройки вкладок
в браузерах
Браузеры изначально настроены по-разному для открытия новых страниц. Например Safari настроен на открытие новых страниц в новом окне. А Mozilla Firefox открывает новые страницы в новых вкладках на Панели вкладок, но кроме этого мы имеем возможность и открывать новые окна.
Вы сами можете изменить настройки
.
Internet Explorer
Изменить настройки вкладок в браузере Internet Explorer можно в разделе Свойства обозревателя. Нажмите на значок шестерёнки наверху справа на панели браузера. Выберите Свойства обозревателя дальше выберите вкладку Обшие и внизу, в строке Вкладки нажмите на Параметры. В центре под строкой При открытии новой вкладки открывать: выберите в чёрном треугольнике желаемый способ открытия вкладок.
Mozilla Firefox
Чтобы изменить настройки вкладок в браузере Mozilla Firefox нажмите кнопку Инструменты на панели. Внизу щёлкните Настройки. В самом верху нового окна нажмите Вкладки. И здесь можете либо поставить галочки, либо снять в нужном вам способе открытия новых вкладок.
Работа с вкладками
в браузере Google Chrome
В последней версии Google Chrome я не нашла
возможности изменять настройки для вкладок.
Наверное этому очень удобному и умному браузеру и не нужно менять настройки. Поскольку Google Chrome предлагает пользователям много возможностей работы с вкладками.
Очень легко открывать новую вкладку и новое
окно, даже посредством горячих клавиш.
Требуется открыть одну и ту же веб-страницу на нескольких вкладках
есть возможность Дублировать вкладку. Есть возможность работать
в режиме инкогнито (скрытый просмотр). Можно переместить нужную
вкладку в отдельное окно. И ещё много других возможностей работы
с вкладками.
Найти всю полную информацию о работе с вкладками вы можете в своём Google Chrome. Для этого откройте браузер и просто нажмите функциональную клавишу F1 на своей клавиатуре. Или нажмите значок гаечного ключа, а может и такого значка , как у меня, вместо гаечного ключа, в конце адресной строки браузера. И выберите внизу открывшейся вкладки Справка. Откроется новая вкладка, где в центре есть ссылка Вкладки и окна. Нажмите и справа откроются все Заголовки связанные с вкладками.
Safari
Чтобы изменить настройки для вкладок в браузере Safari нажмите значок шестерёнки в правой части панели браузера. В новой вкладке выберите Настройки, а в следующем окне выберите Вкладки. И здесь в строке Открывать страницы во вкладках, а не в окнах: выберите вариант нужный вам.
Opera
В браузере Opera для изменения настроек вкладок нажмите на панели кнопку Инструменты. Выберите внизу новой вкладки Общие настройки. И в этой вкладке нажмите на панели Расширенные, а затем кнопку Настройки вкладок. Откроется окно Дополнительные настройки вкладок. Ставите галочку в нужном вам способе открытия вкладок и нажмите внизу ОК.
Перейти на Главную страницу сайта
Вы сможете работать за компьютером быстрее, если оптимально расположите окна и вкладки браузера.
Как быстро переключаться между окнами
Нажмите и удерживайте клавишу Alt . Затем нажмите и удерживайте Tab , пока не откроется нужное окно.
Как просматривать два окна одновременно
Совет. Вы также можете использовать сочетание клавиш Alt + [ или Alt + ] , чтобы расположить окно слева или справа соответственно.
Как открывать и закрывать окна или вкладки
Как изменить размер окна
Как изменять порядок вкладок и закреплять их
Вы можете расположить вкладки с похожей информацией рядом или открыть любую из них в новом окне. Вкладки, которые используются постоянно, например для проверки почты, можно закрепить.
- Чтобы поменять вкладки местами , перетащите любую из них на нужное место в текущем окне браузера.
- Чтобы открыть вкладку в новом окне , перетащите ее за пределы браузера. Если вы переместите вкладку в другое окно браузера, она откроется в нем. В противном случае вкладка откроется в новом окне.
- Чтобы закрепить вкладку , нажмите на нее правой кнопкой мыши и выберите Закрепить вкладку . Она появится в левой части окна браузера и будет меньше остальных вкладок.
Для большинства из нас браузер - это самая популярная и чаще всего запускаемая программа на компьютере. Мы используем его для прослушивания музыки, просмотра фильмов, проверки почты и так далее. И хотя браузеры обновляются чуть ли не каждую неделю, проблем у них хватает . Одна из них - это не самая удобная работа с большим количеством вкладок.
На самом деле работа с вкладками - это как в той шутке про кошек. Вам не нравятся кошки? Вы просто не умеете их готовить. Нужно просто научиться работать с вкладками и использовать подходящие для этого функции браузера. И вы не сможете понять, как жили раньше.
Клавиатурные сокращения (хоткеи)
Горячие клавиши - очень удобный способ управления вкладками. Особенно когда вкладки становятся такими крошечными, что по ним даже неудобно кликать.
- Ctrl + Tab - переключение между вкладками в правую сторону.
- Ctrl + Shift + Tab - переключение между вкладками в левую сторону.
- Ctrl + W / Cmd + W на Mac - закрыть активную вкладку.
Это всего лишь несколько комбинаций, которые позволят вам быстро переключаться между вкладками. Клавиатурных сокращений существует . И некоторые из них могут заставить вас использовать клавиатуру вместо мыши для управления вкладками.
Запоминание открытых вкладок
Когда вы постоянно переключаетесь между браузером и другой программой, есть вероятность, что вы можете случайно закрыть браузер, и тогда вам придётся всё открывать заново. И хорошо, если вы запомнили, что у вас было открыто. От всей этой головной боли может спасти функция браузера, которая позволяет запоминать, какие вкладки были открыты перед его закрытием.
Включите эту функцию и тем самым освободите себя от лишней работы в будущем:
- Google Chrome: Настройки → Начальная группа → Продолжать работу с того же места.
- Firefox: Настройки → Основные → При запуске Firefox → Показать окна и вкладки, открытые в прошлый раз.
- Apple Safari: Настройки → Основные → Safari открывается при старте → Всех окон из последнего сеанса.
Добавление вкладок в избранное
Ещё один быстрый способ сохранить открытые вкладки, чтобы поработать с ними потом, - это добавить их в отдельную папку в закладках. Для этого кликните на вкладке правой клавишей мыши и выберите пункт «Добавить вкладки в избранное». Название пункта может различаться в разных браузерах, но легко понять, что это именно тот пункт, который вам нужен. В результате у вас в закладках появится папка с нужными вам адресами сайтов. Далее сделайте правый клик на этой папке, выберите пункт «Открыть все закладки» - все вкладки снова перед нами.
Сортировка вкладок по отдельным окнам браузера
Кто сказал, что все вкладки должны быть в одном окне браузера? Вы можете отсортировать ваши вкладки по разным окнам. Например, все вкладки, которые касаются одного проекта, вы можете перенести в одно окно браузера, а всё, что касается развлечений, в другое и так далее. Просто потяните вкладку на пустое место рабочего стола, и у вас откроется новое окно. Ещё один способ - сделать правый клик по ссылке или закладке и выбрать из списка «Открыть в новом окне».
Выбор сразу нескольких вкладок
Вы можете совершать различные действия не с одной вкладкой, а сразу с несколькими. Но для этого сначала нужно выбрать эти самые вкладки. Зажмите клавишу Ctrl (или Cmd на Mac) и выберите необходимые вам в данный момент вкладки. Всё, теперь можете их закрывать, перезагружать, добавлять в закладки и так далее.
Закрепление вкладок
В современных браузерах от хороших разработчиков есть замечательная функция «Закрепить вкладку». Это очень удобно, если вы держите постоянно открытой ту или иную вкладку. Например, это может быть вкладка с Gmail или музыкальным сервисом. После того как вы закрепите вкладку, её будет сложнее закрыть и она будет занимать меньше места на панели вкладок. Просто кликните на вкладке правой клавишей и выберите нужный пункт в списке.
Восстановление закрытой вкладки
Иногда получается так, что случайно закрываешь вкладку, которую вовсе не хотел закрывать. Рука дёрнулась или передумал в момент закрытия - всякое бывает. Чтобы открыть эту вкладку заново, можно, конечно же, зайти в историю браузера и найти этот сайт. А можно использовать клавиатурное сокращение Ctrl + Shift + T (или Cmd + Shift + T на Mac в Chrome и Firefox и Cmd + Z в Safari), чтобы вернуть эту вкладку. Также вам может помочь правый клик мышью на любой вкладке вашего браузера.
Группы вкладок в Firefox
Почти пять лет назад разработчики добавили в браузер Firefox очень крутую функцию , которая называется «Группы вкладок», или «Панорама». Она практически выполняет трюк, который описан выше. Речь идёт об использовании разных окон браузера для вкладок. Только здесь всё это выполнено более красиво, и вам не нужно плодить множество окон. Пара кликов, и вы уже переключились на работу с другим проектом или, наоборот, развлекаетесь после работы. Чтобы запустить группы вкладок, воспользуйтесь клавиатурным сокращением Ctrl + Shift + E или Cmd + Shift + E на Mac.
Надеюсь, что теперь ваша работа с большим количеством вкладок браузера станет немного проще.