Управление данными веб сайта в браузере
Получите скорость, безопасность и конфиденциальность с помощью нового Microsoft Edge .
Microsoft Edge в Windows 10 помогает вам работать в Интернете, искать, делать покупки и многое другое. Как и все современные браузеры Microsoft Edge позволяет собирать и сохранять на устройстве определенные данные, например файлы cookie, а также отправлять в корпорацию Майкрософт сведения, такие как журнал браузера, чтобы улучшить, ускорить и персонализировать ваше взаимодействие с браузером.
При сборе данных мы стремимся предоставить вам выбор. Некоторые пользователи опасаются сбора данных журнала браузера и информации о посещениях сайтов в Интернете. Им не нравится, когда другие копаются в личных вещах, и это неудивительно. Именно поэтому мы говорим вам, какие данные сохраняются в вашем браузере или собираются корпорацией Майкрософт, и предоставляем вам выбор, в том числе элементы управления, описанные на этой странице. Для получения дополнительных сведений о конфиденциальности в Microsoft Edge рекомендуем прочитать наше Заявление о конфиденциальности, в особенности раздел Подробные сведения об определенных продуктах на странице Windows > Веб-браузеры: Microsoft Edge и Internet Explorer.
Какие данные собираются и хранятся и почему
Microsoft Edge сохраняет на вашем устройстве журнал браузера, который содержит сведения о посещаемых вами сайтах. Если параметру Диагностические данные задано значение Полные, журнал браузера отправляется в Майкрософт. Это помогает нам найти и устранить неполадки, а также улучшать наши продукты и службы для всех пользователей. Если вы решите включить сбор данных журнала браузера в разделе "Кортана > Заметки > Разрешения", журнал браузера будет отправляться в корпорацию Майкрософт, чтобы Кортана помогала персонализировать ваше взаимодействие.
При выполнении поиска Microsoft Edge может предоставлять подсказки по мере ввода текста, аналогичные подсказкам поисковой системы. Если параметр Отображать предложения поиска и веб-сайтов по мере ввода оставить включенным, то по мере ввода данных в адресной строке они будут отправляться в Bing и вы будете мгновенно получать результаты поиска и рекомендации по веб-сайтам.
В Microsoft Edge также есть функции, помогающие защитить вас и ваше содержимое в Интернете. SmartScreen Защитника Windows автоматически блокирует вредоносные веб-сайты и загрузки. Сначала фильтр SmartScreen Защитника Windows проверяет адрес посещаемого веб-сайта по хранящемуся на устройстве списку адресов веб-сайтов, известных корпорации Майкрософт как подлинные. Адреса, отсутствующие в списке на устройстве, и адреса загружаемых пользователем файлов передаются Майкрософт и сравниваются с часто обновляемым списком веб-страниц и загружаемых файлов, о которых в Майкрософт поступили сведения как о небезопасных или подозрительных.
Чтобы ускорить выполнение утомительных задач, таких как заполнение форм и ввод паролей, Microsoft Edge может сохранять введенные данные. При использовании этих функций Microsoft Edge сохраняет данные на устройстве и не отправляет их в Майкрософт.
Для защиты от копирования музыкального и видеоконтента некоторые веб-сайты, выполняющие потоковую передачу содержимого, хранят на вашем устройстве сведения об управлении цифровыми правами (DRM), включая уникальный идентификатор и полученные лицензии на мультимедиа. Когда вы пользуетесь веб-сайтом, он получает данные о DRM, чтобы определить, что у вас есть разрешение на использование содержимого.
Microsoft Edge также сохраняет файлы cookie — файлы небольшого размера, которые размещаются на устройстве при работе в Интернете. Многие веб-сайты используют файлы cookie для хранения информации о ваших предпочтениях и выбранных параметрах, например информации о вашем входе, чтобы вам не приходилось вводить пароль при каждом посещении. Некоторые веб-сайты также используют файлы cookie для сбора информации о ваших действиях в Интернете для показа рекламы на основе интересов. Microsoft Edge предоставляет возможность удалить файлы cookie и блокировать сохранение файлов cookie с веб-сайтов в будущем.
Microsoft Edge отправляет веб-сайтам запросы "Не отслеживать", если включен параметр Отправлять запросы "Не отслеживать". Однако веб-сайты могут продолжать отслеживать ваши действия, даже если отправлен запрос "Не отслеживать".
Когда вы используете Microsoft Edge в режиме InPrivate, такая информация как файлы cookie, журнал и временные файлы, не сохраняется на устройстве после сеанса. Чтобы запустить новый сеанс в режиме InPrivate, откройте меню Дополнительно на компьютере или раздел Вкладки на мобильном устройстве.
Удаление данных, собранных или сохраненных в Microsoft Edge.
Чтобы удалить сохраненные на устройстве сведений о ваших действиях в Интернете, таких как пароли и файлы cookie
В Microsoft Edge перейдите в Настройки и прочее. > Настройки .
В разделе Очистка данных браузера нажмите Выбор элементов для удаления.
Установите флажок рядом с каждым типом данных, который нужно удалить, а затем выберите Очистить.
Задайте параметру Всегда удалять это при закрытии браузера значение Вкл.
Удаление сведений о ваших действиях в Интернете, передаваемых Кортане (только в Windows 10 на компьютере, недоступно на мобильных устройствах).
На устройстве с Windows 10 выберите поле поиска на панели задач, чтобы открыть кабинет Кортаны.
Перейдите в раздел Параметры Кортаны > Разрешения и журнал, а затем выберите Управление известными Кортане сведениями обо мне в облаке.
Перейдите в нижнюю часть страницы и выберите пункт Очистить.
Чтобы удалить отдельные пароли, сохраненные Microsoft Edge на вашем устройстве
В Microsoft Edge перейдите в Настройки и прочее. > Настройки .
Выберите Просмотр дополнительных параметров.
В разделе Параметры автозаполнения выберите Управление паролями.
В разделе Сохраненные пароли щелкните значок X напротив названия веб-сайта, чтобы удалить сохраненный для него пароль.
Прекращение сбора и сохранения сведений в Microsoft Edge.
Блокировка файлов cookie.
В Microsoft Edge перейдите в Настройки и прочее. > Настройки .
Выберите Просмотр дополнительных параметров.
В разделе Конфиденциальность и службы > Файлы cookie выберите нужный вам вариант.
Блокировать все cookie — запрещает всем веб-сайтам сохранять файлы cookie на вашем компьютере.
Блокировать только сторонние cookie — разрешает сохранять файлы cookie с веб-сайтов, на которых вы находитесь, но блокирует сторонние файлы cookie, которые сохраняют внешние веб-службы, например файлы объявлений на веб-страницах, которые вы открыли.
Отключение функций, ускоряющих просмотр веб-страниц, выполнение поиска, заполнение форм, а также функций, блокирующих вредоносные сайты, и функций заполнения паролей.
В Microsoft Edge перейдите в Настройки и прочее. > Настройки .
Выберите Просмотр дополнительных параметров.
Отключите любые из следующих параметров.
Использовать прогнозирование страниц, чтобы ускорить просмотр, настроить режим чтения и в целом улучшить взаимодействие
Отображать предложения поиска и веб-сайтов по мере ввода
Сохранять сведения в формах
Сохранять пароли
Защитите компьютер от вредоносных сайтов и скачиваний с помощью SmartScreen Защитника Windows
Отключение сбора данных журнала Microsoft Edge.
В меню Пуск перейдите в раздел Параметры > Конфиденциальность > Диагностика и отзывы.
Откройте параметры диагностики и отзывов
В разделе Диагностические данные выберите Базовые. Если варианты выделены серым, возможно, вы используете устройство, управляемое вашей компанией или организацией. В этом случае в верхней части экрана "Диагностика и отзывы" появится заголовок Некоторые параметры скрыты или ими управляет ваша организация.
Отключение сбора данных журнала браузера для службы персонализации Кортаны в Microsoft Edge.
На компьютере выберите поле поиска на панели задач, чтобы открыть кабинет Кортаны. На мобильном устройстве нажмите кнопку Поиск .
Выберите Параметры > Разрешения и журнал > Управление информацией, к которой Кортана может получать доступ с этого устройства.
В разделе Журнал браузера установите переключатель в положение Выкл.
Прекращение использования содержимого, защищенного с помощью технологии управления цифровыми правами в Microsoft Edge.
В Microsoft Edge перейдите в раздел Дополнительно > Параметры .
Выберите Просмотр дополнительных параметров.
Найдите параметр Разрешить веб-сайтам сохранять лицензии для защищенных файлов мультимедиа на устройстве и установите переключатель в положение Выкл.
Отправка запросов "Не отслеживать".
В Microsoft Edge перейдите в раздел Дополнительно > Параметры .
Выберите Просмотр дополнительных параметров.
Найдите параметр Отправлять запросы "Не отслеживать" и установите переключатель в положение Вкл.
Ситуации для хранения и обработки данных в браузере включают:
- сохранение состояния клиентского приложения, такого как текущий экран, введенные данные, пользовательские настройки и т. д.
- утилиты, которые обращаются к локальным данным или файлам и имеют строгие требования к конфиденциальности
- прогрессивные веб-приложения (PWA), которые работают в автономном режиме
Вот десять вариантов хранения данных браузера:
В этой статье рассматриваются эти десять различных способов хранения данных в браузере, рассматриваются их ограничения, плюсы и минусы, а также наилучшее использование каждого метода. Прежде чем мы перейдем к вариантам, сделаем небольшое примечание о сохранении данных.
Сохранение данных
Как правило, данные, которые сохраняются, будут:
- Постоянные (persistent): они остаются до тех пор, пока ваш код не решит удалить их, или
- изменяемые (volatile) : они остаются до завершения сеанса браузера, обычно, когда пользователь закрывает вкладку
Постоянные данные могут быть заблокированы или удалены пользователем, операционной системой, браузером или плагинами в любой момент. Браузер может принять решение об удалении более старых или больших элементов по мере приближения к граничной емкости, выделенной для этого типа хранилища.
Браузеры также записывают состояние страницы. Вы можете уйти с сайта и кликнуть назад или закрыть и снова открыть вкладку; страница должна выглядеть идентично. Переменные и данные, доступные только для сеанса, по-прежнему доступны.
1. Переменные JavaScript
- размер — нет строгих ограничений, но при заполнении памяти может произойти замедление работы браузера или сбои
- скорость чтения / записи — самый быстрый вариант
- сохранность — плохая: данные стираются при обновлении браузера
Сохранение состояния в переменных JavaScript — самый быстрый и простой вариант. Я уверен, что вам не нужен пример, но …
- легко использовать
- быстрота
- нет необходимости в сериализации или десериализации
- ненадежность: обновление или закрытие вкладки стирает все
- сторонние скрипты могут исследовать или перезаписывать глобальные значения (window). Вы уже используете переменные. Вы можете рассмотреть возможность сохранения состояния переменной при выгрузке страницы .
2. Хранилище узлов DOM
- размер — нет строгих ограничений, но не идеально для большого количества данных
- скорость чтения / записи — Быстрый
- сохранность — плохая: данные могут быть удалены другими скриптами или обновлением
Большинство элементов DOM на странице или в памяти могут хранить значения в именованных атрибутах. Безопаснее использовать имена атрибутов с префиксом data-:
- атрибут никогда не будет иметь связанных функций HTML
- Вы можете получить доступ к значениям с помощью свойства dataset или через методы .setAttribute() и .getAttribute().
Значения хранятся в виде строк, поэтому может потребоваться сериализация и десериализация. Например:
- вы можете определять значения в JavaScript или HTML, например
- полезно для хранения состояния конкретного компонента
- DOM работает быстро! (вопреки распространенному мнению)
- ненадёжно: обновление или закрытие вкладки стирает значения
- только строки: требуется сериализация и десериализация
- большой DOM влияет на производительность
- сторонние скрипты могут исследовать или перезаписывать значения
Хранилище узлов DOM работает медленнее, чем переменные. Используйте его экономно в ситуациях, когда удобно хранить состояние компонента в HTML.
3. Web хранилище (localStorage и sessionStorage)
- размер — 5 МБ на домен
- скорость чтения / записи — синхронная работа: может быть медленной
- сохранность — данные остаются до тех пор, пока не будут удалены
Веб-хранилище предоставляет два похожих API для определения пар имя/значение. Используйте:
- window.localStorage для хранения постоянных данных и
- window.sessionStorage для сохранения данных только сеанса, пока вкладка браузера остается открытой
Храните или обновляйте именованные элементы с помощью .setItem():
Получайте их с помощью .getItem():
И удалите их с помощью .removeItem():
Другие свойства и методы включают:
- .length: количество хранимых элементов
- .key(N): имя N-го ключа
- .clear(): удаление всех сохраненных элементов
Изменение любого значения вызывает событие хранения в других вкладках / окнах браузера, подключенных к тому же домену. Ваше приложение может ответить соответствующим образом:
- простой API (пары имя / значение)
- параметры сеанса и постоянного хранилища
- хорошая поддержка браузера
- Только строки: требуется сериализация и десериализация
- неструктурированные данные без транзакций, индексации или поиска
- синхронный доступ повлияет на производительность больших наборов данных
Веб-хранилище идеально подходит для простых, небольших и разовых значений. Оно менее практично для хранения больших объемов структурированной информации, но вы можете избежать проблем с производительностью, записывая данные при выгрузке страницы.
4. IndexedDB
- размер — зависит от устройства. Не менее 1 ГБ, но может составлять до 60% оставшегося дискового пространства
- скорость чтения / записи — быстрый
- сохранность — данные остаются до тех пор, пока не будут удалены
IndexedDB предлагает низкоуровневый API, похожий на NoSQL, для хранения больших объемов данных. Хранилище можно индексировать, обновлять с помощью транзакций и выполнять поиск с помощью асинхронных методов.
IndexedDB API сложен и требует некоторого манипулирования событиями. Следующая функция открывает соединение с базой данных при передаче имени, номера версии и дополнительной функции обновления (вызываемой при изменении номера версии):
Следующий код подключается к базе данных myDB и инициализирует хранилище объектов todo (аналогично таблице SQL или MongoDB). Затем он определяет автоматически увеличивающийся ключ с именем id:
Как только соединение будет готово, вы можете с помощью .add добавить новые элементы данных в транзакцию:
И вы можете получить значения, например, первый элемент:
- гибкое хранилище данных с самым большим пространством
- надежные транзакции, возможности индексации и поиска
- хорошая поддержка браузера
- сложный обратный вызов и API на основе событий
- IndexedDB — лучший вариант для надежного хранения больших объемов данных, но вам может понадобиться библиотека-оболочка, такая как idb , Dexie.js или JsStore .
5. Cache API
- размер — зависит от устройства, но Safari ограничивает каждый домен до 50 МБ
- скорость чтения / записи — быстрый
- сохранность — данные остаются до очистки или через две недели в Safari
Аналогичная функция может получить элемент из кеша. В этом примере она возвращает основной текст ответа:
- хранит любой сетевой ответ
- может улучшить производительность веб-приложений
- позволяет веб-приложению работать в автономном режиме
- современный API
- не практично для хранения состояния приложения
- возможно менее полезно за пределами прогрессивных веб-приложений
Apple недоброжелательно относится к PWA и Cache API
Cache API — лучший вариант для хранения файлов и данных, полученных из сети. Вы, вероятно, могли бы использовать его для хранения состояния приложения, но он не предназначен для этой цели, и есть варианты получше.
5.5 AppCache
AppCache был предшественником Cache API . Это не то решение для хранения, которое вы ищете. Здесь ничего нет. Пожалуйста, двигайтесь дальше.
6. API доступа к файловой системе
- размер — зависит от оставшегося места на диске
- скорость чтения / записи — зависит от файловой системы
- сохранность — данные остаются до тех пор, пока не будут удалены
API доступа к файловой системе позволяет браузеру читать, записывать, изменять и удалять файлы из локальной файловой системы. Браузеры работают в изолированной среде, поэтому пользователь должен предоставить разрешение на определенный файл или каталог. Чтобы веб-приложение могло читать или записывать данные, как настольное приложение, используют FileSystemHandle.
Следующая функция сохраняет объект Blob в локальный файл:
- веб-приложения могут безопасно читать и записывать в локальную файловую систему
- меньше необходимости загружать файлы или обрабатывать данные на сервере
- отличная функция для прогрессивных веб-приложений
- минимальная поддержка браузера (только Chrome)
- API может измениться
Этот вариант хранения для меня очень интересен, но вам придется подождать пару лет, прежде чем он станет жизнеспособным для производственного использования.
7. API записей файлов и каталогов
- размер — зависит от оставшегося места на диске
- скорость чтения / записи — неизвестный
- сохранность — данные остаются до тех пор, пока не будут удалены
API записей файлов и каталогов предоставляют песочницы файловой системы доступной для домена, которые могут создавать, писать, читать и удалять каталоги и файлов.
- нестандартные, несовместимость между реализациями и поведение могут измениться.
MDN прямо заявляет: не используйте это на производственных сайтах . Поддержка будет в лучшем случае через несколько лет.
8. Файлы cookie
- размер — 80 КБ на домен (20 файлов cookie размером до 4 КБ в каждом)
- скорость чтения / записи — быстрый
- сохранность — хорошая: данные остаются до тех пор, пока они не будут удалены или не истечет время их жизни
document.cookie устанавливает значения cookie в клиентском JavaScript. Вы должны определить строку с именем и значением, разделенными символом равенства (=). Например:
Значения не должны содержать запятых, точек с запятой или пробелов, поэтому может потребоваться encodeURIComponent():
К дополнительным настройкам файлов cookie можно добавить разделители через точку с запятой, в том числе:
Пример: установить файл cookie, срок действия которого истекает через 10 минут и доступен по любому пути в текущем домене:
document.cookie возвращает строку, содержащую каждую пару имени и значения, разделенную точкой с запятой. Например:
Функция ниже анализирует строку и преобразует ее в объект, содержащий пары имя-значение. Например:
- надежный способ сохранить состояние между клиентом и сервером
- ограничен доменом
- автоматический контроль истечения срока действия с помощью max-age (секунд) или Expires (дата)
- используется в текущем сеансе по умолчанию (установите дату истечения срока, чтобы данные сохранялись после обновления страницы и закрытия вкладки)
Избегайте файлов cookie, используйте их если нет реальной альтернативы.
9. window.name
- размер — варьируется, но должно быть несколько мегабайт
- скорость чтения / записи — быстрый
- сохранность — данные сеанса остаются до закрытия вкладки
Свойство window.name устанавливает и получает имя контекста активного окна. Вы можете установить одно строковое значение, которое будет сохраняться между обновлениями браузера. Например:
Исследуйте значение, используя:
- легко использовать
- может использоваться только для данных сеанса
- Только строки: требуется сериализация и десериализация
- страницы в других доменах могут читать, изменять или удалять данные (никогда не используйте их для конфиденциальной информации)
Window.name не предназначен для хранения данных. Это хак, и есть варианты получше.
10. WebSQL
- размер — 5 МБ на домен
- скорость чтения / записи — медленная
- сохранность — данные остаются до тех пор, пока не будут удалены
WebSQL был попыткой перенести в браузер хранилище баз данных, подобное SQL. Пример кода:
Chrome и некоторые версии Safari поддерживают эту технологию, но против нее выступили Mozilla и Microsoft в пользу IndexedDB.
- разработан для надежного хранения и доступа к данным на стороне клиента
- знакомый синтаксис SQL, часто используемый серверными разработчиками
- ограниченная поддержка браузеров
- несогласованный синтаксис SQL в браузерах
- асинхронный, но медленный API на основе обратного вызова
- плохая работа
Не используйте WebSQL! Он не был жизнеспособным вариантом с тех пор, как устарела его спецификация в 2010 году.
Тщательная проверка хранилища
API хранилища может исследовать пространство , доступное для веб-хранилища, IndexedDB, и Cache API. Все браузеры, кроме Safari и IE, поддерживают это API, которое предлагает метод .estimate() для вычисления значений quota (пространства, доступного для домена) и usage (пространства, уже используемого). Например:
Доступны еще два асинхронных метода:
- .persist() : возвращает true если у сайта есть разрешение на хранение постоянных данных, и
- .persisted() : возвращает true если сайт уже сохранил постоянные данные
Панель «Приложение» в инструментах разработчика браузера ( в Firefox называется « Хранилище» ) позволяет просматривать, изменять и очищать localStorage, sessionStorage, IndexedDB, WebSQL, файлы cookie и кеш хранилища.
Заключение
Ни одно из этих решений для хранения не является идеальным, и вам нужно будет внедрить несколько решений в сложное веб-приложение. Это означает изучение дополнительных API. Но иметь выбор — это хорошо — конечно, при условии, что вы можете подобрать подходящий вариант!
Эта статья — короткий и простой перевод статьи « What happens when… », опубликованной на Гитхабе. В ней автор подробно рассказывает, что именно происходит внутри компьютера, когда мы вводим в браузере адрес сайта и нажимаем энтер. Мы убрали излишние технические подробности вроде IRQ-прерываний и ARP-запросов и добавили картинки, чтобы было проще понять суть.
Начало
Мы ввели адрес сайта — thecode.media — и нажали энтер. Что происходит дальше?
Поиск сервера в интернете
Каждый сайт в сети физически хранится на каком-то сервере. Как только браузер от нас получил адрес сайта, он должен понять, к какому серверу обратиться за данными. Но то, что мы называем адресом, на самом деле не адрес, а доменное имя.
👉 Проще говоря, когда вы садитесь в такси и говорите «Мне в „Мегу“», вы назвали водителю не адрес, а доменное имя. Водитель уже сам должен знать, где в вашем городе «Мега».
Так вот: теперь задача браузера — определить по доменному имени адрес, на который отправлять запрос. В мире интернета этот адрес называется IP-адресом. Он есть у каждого сервера и выглядит, например, так:
- Сначала смотрит, посещали мы этот сайт раньше или нет. Если посещали — возьмёт IP-адрес из истории. Так же, как водитель, который тысячу раз ездил в «Мегу».
- Если не посещали — посмотрит в конфигурационных файлах операционной системы. Иногда для ускорения работы некоторые IP-адреса можно прописать в конфигурации компьютера, чтобы он сразу знал, куда обращаться.
- Если в настройках такого нет, браузер смотрит недавние адреса в роутере, через который компьютер подключается к интернету.
- Если и там нет, то браузер отправляет запрос на DNS-сервер. Там точно всё есть, но результат получится медленнее, чем в остальных способах.
DNS-сервер — это такая служба в интернете, которая отвечает всем желающим на вопрос «Какой IP у такого-то домена?». Таких серверов в интернете много, и каждый из них знает про свою часть сети. Если у ближайшего сервера нет записей о нашем домене, то он отвечает «Я не знаю, спроси у DNS-сервера покрупнее, вот его адрес». В итоге браузер найдёт DNS-сервер, который знает то, что нам нужно, и получит IP-адрес сервера с сайтом.
Вы можете полностью управлять разрешениями на сохранение файлов cookie в Google Chrome. Все файлы cookie разрешены по умолчанию, но эти настройки можно изменить.
Если файл cookie был разрешен или заблокирован на текущей странице, в конце адресной строки появится соответствующий значок.
Что такое файлы cookie? Файлы cookie – это файлы, созданные веб-сайтами, в которых хранится информация о браузере, настройки сайта или данные профиля.
Существует два типа файлов cookie:
- Основные файлы cookie создает домен сайта, указанный в адресной строке.
- Сторонние файлы cookie создаются другими доменными источниками, которые содержат встроенные на этой странице элементы, например объявления или изображения.
Стоит знать свои настройки файлов cookie, поскольку они позволяют сайтам отслеживать ваше перемещение этими сайтами во время их просмотра.
Настройка разрешений для файлов cookie
- Нажмите меню Chrome на панели инструментов браузера.
- Выберите Настройки.
- Нажмите Показать расширенные настройки .
- В разделе «Личные данные» нажмите кнопку Настройки содержания .
- В разделе «Файлы cookie» можно изменять указанные ниже настройки файлов cookie.
Удаление файлов cookie
Нажмите Все файлы cookie и данные сайтов. , чтобы открыть диалоговое окно «Файлы cookie и другие данные».
- Чтобы удалить все файлы cookie, нажмите кнопку Удалить все в нижней части диалогового окна.
- Чтобы удалить определенный файл cookie, выберите веб-сайт, который инициировал создание файла, затем сам файл cookie и нажмите × .
Если Вы хотите, чтобы Google Chrome автоматически удалял файлы cookie после закрытия всех окон браузера, установите флажок Сохранять локальные данные только до выхода из браузера в диалоговом окне «Настройки содержания». Также можно указать исключения, чтобы после закрытия браузера удалялись только файлы cookie с определенных сайтов.
Блокировка файлов cookie по умолчанию
- Блокировка всех файлов cookie. Выберите Блокировать сохранение любых данных сайтами. Помните, что после выбора этой настройки большинство сайтов, на которых нужно входить, авторизация работать не будет. Если файл cookie заблокированы, в адресной строке появится значок блокировки файла cookie .
- Блокировка только посторонних файлов cookie: установите флажок Игнорировать исключения и блокировать создание файлов cookie третьих сторон . Если установлен этот флажок, посторонние файлы cookie сайта не принимаются, даже если добавить сайт в список «Исключения» и позволить его файлы cookie.
Разрешение на сохранение файлов cookie
Установите флажок Разрешить сохранение локальных данных , чтобы разрешить веб-сайтам сохранять основные и сторонние файлы cookie. Чтобы принимать только основные файлы cookie, установите флажок Блокировать все без исключения посторонние файлы cookie .
Хранение файлов cookie и данных до выхода из браузера
Chrome позволит сайтам сохранять локальные данные, включая основные и посторонние файлы cookie, и удалять их при выходе из Chrome.
Некоторые файлы cookie и данные сайтов, связанные с общими приложениями не удаcтся удалить с помощью опции в Настройках контента.
Исключения для файлов cookie с веб-сайтов или доменов
Чтобы указать способ обработки файлов cookie для определенных сайтов или доменов, нажмите Управлять исключениями . Чтобы добавить правило в окне «Файлы cookie и исключения данных сайта», что появится, выполните следующие действия.
В диалоговом окне можно редактировать или удалять исключения.
Просмотр cookie для текущей страницы
В адресной строке могут появляться значки, предупреждающие о заблокированых или разрешенных файлах cookie:
- Значок заблокированных файлов cookie отображается если файл cookie заблокирован на текущей странице, даже если по умолчанию разрешено хранить все локальные данные через исключения, сделанные для отдельных доменов.
- Значок отображается если файл cookie создан для текущей страницы, даже если по умолчанию все файлы cookie заблокированы из-за исключения, сделанных для отдельных доменов.
Для просмотра сохраненных или заблокированных файлов cookie, нажмите значок, а затем – Показать файлы cookie и данные сайтов.
Можно сделать указанные ниже исключения:
- Повторно заблокировать разрешены файлы cookie. Укажите в списке вверху и нажмите Блокировать . Этот домен будет добавлен в список исключений.
- Разрешить файлы cookie с домена. Укажите из списка внизу и нажмите Разрешить . Этом домен будет добавлен в список исключений.
Если опцией запуска браузера выбрать «Продолжить с места остановки», файлы cookie сеансов будут сохраняться при выходе, и Вам не нужно будет каждый раз входить в учетную запись на сайте, например, Gmail.
Чтобы изменения начали действовать, возможно, придется перезагрузить страницу. Даже если вы решили разрешить создание файлов cookie для сайта, файлы cookie из посторонних сайтов не сохраняются, если установлен флажок Блокировать все без исключения посторонние файлы cookie .
Веб-страница, которую вы читаете, состоит, среди прочего, из исходного кода. Это информация, которую ваш веб-браузер загружает и преобразует в то, что вы сейчас читаете.
Большинство веб-браузеров предоставляют возможность просматривать исходный код веб-страницы без дополнительного программного обеспечения, независимо от того, на каком устройстве вы находитесь. Некоторые даже предлагают расширенные функциональные возможности и структуру, облегчая просмотр HTML и другого программного кода на странице.
Зачем нужен исходный код
Есть несколько причин, по которым вы можете захотеть увидеть исходный код страницы. Если вы веб-разработчик, возможно, вы захотите увидеть конкретный стиль или реализацию другого программиста. Может быть, вы занимаетесь обслуживанием сайта и пытаетесь выяснить, почему определенная часть веб-страницы отображается или ведет себя не так, как должна.
Вы также можете быть новичком, пытаетесь научиться кодировать свои собственные страницы и ищите примеры из реальной жизни. Конечно, возможно, что вы не попадаете ни в одну из этих категорий и просто хотите просмотреть исходный код из чистого любопытства.
Ниже приведены инструкции по просмотру исходного кода в выбранном вами браузере.
Исходный код страницы в Google Chrome
Настольная версия Chrome предлагает три различных способа просмотра исходного кода страницы, первый и самый простой с использованием следующей комбинации клавиш быстрого доступа: CTRL + U ( COMMAND + OPTION + U в macOS).
Третий метод заключается в использовании инструментов разработчика Chrome, которые позволяют вам глубже погрузиться в код страницы, а также настроить её на лету для целей тестирования и разработки. Интерфейс инструментов разработчика можно открывать и закрывать с помощью сочетания клавиш: CTRL + SHIFT + I ( COMMAND + OPTION + I в macOS).
Вы также можете запустить их по следующему пути:
- Выберите кнопку главного меню Chrome, расположенную в верхнем правом углу и представленную тремя вертикально выровненными точками.
- Когда появится раскрывающееся меню, наведите курсор мыши на параметр «Дополнительные инструменты».
- Когда появится подменю, выберите Инструменты разработчика.
Google Chrome на Android
Просмотр источника веб-страницы в Chrome для Android также просто: добавьте следующий текст перед адресом (или URL) – view-source:. HTML и другой код рассматриваемой страницы будет немедленно отображаться в активном окне.
Google Chrome на iOS
Хотя нет собственных методов просмотра исходного кода с помощью Chrome на iPad, iPhone или iPod touch, наиболее простым и эффективным является использование стороннего решения, такого как приложение View Source.
Доступное за $0,99 в App Store, View Source предлагает вам ввести URL-адрес страницы (или скопировать/вставить его из адресной строки Chrome), и всё. Помимо отображения HTML и другого исходного кода, в приложении также есть вкладки, на которых отображаются отдельные ресурсы страницы, объектная модель документа (DOM), а также размер страницы, файлы cookie и другие интересные сведения.
Исходный код страницы в Microsoft Edge
Браузер Edge позволяет просматривать, анализировать и даже манипулировать исходным кодом текущей страницы через интерфейс инструментов разработчика.
Чтобы получить доступ к этому удобному набору инструментов, вы можете использовать одно из этих сочетаний клавиш: F12 или CTRL + U . Если вы предпочитаете мышь, вместо этого нажмите кнопку меню Edge (три точки в верхнем правом углу) и выберите в списке пункт «Средства разработчика F12».
После первого запуска инструментов разработчика Edge добавляет в контекстное меню браузера две дополнительные опции (доступные по щелчку правой кнопкой мыши в любом месте веб-страницы): Проверить элемент и Просмотреть источник, последний из которых открывает интерфейс инструментов разработчика с исходным кодом страницы сайта.
Исходный код страницы в Mozilla Firefox
Чтобы просмотреть исходный код страницы в настольной версии Firefox, вы можете нажать CTRL + U ( COMMAND + U на macOS) на клавиатуре, чтобы открыть новую вкладку, содержащую HTML и другой код для активной веб-страницы.
Ещё один способ получить доступ к исходному коду страницы – воспользоваться инструментами разработчика Firefox, доступными с помощью следующих шагов.
- Выберите кнопку главного меню, расположенную в верхнем правом углу окна браузера и представленную тремя горизонтальными линиями.
- Когда появится выпадающее меню, нажмите на Веб-разработка.
- Контекстное меню веб-разработчика теперь должно быть видно. Выберите параметр «Исходный код страницы».
Firefox также позволяет вам просматривать исходный код для определенной части страницы, что позволяет легко выявлять проблемы. Для этого сначала выделите интересующую область мышью. Затем щелкните правой кнопкой мыши и выберите Исходный код выделенного фрагмента из контекстного меню браузера.
Mozilla Firefox на Android
Просмотр исходного кода в Android версии Firefox достижим через использование view-source: в URL-адресе.
Mozilla Firefox на iOS
Рекомендуемый метод просмотра исходного кода веб-страницы на вашем iPad, iPhone или iPod touch – через приложение View Source, доступное в App Store за $0,99. Хотя оно не интегрировано напрямую с Firefox, вы можете легко скопировать и вставить URL-адрес из браузера в приложение, чтобы раскрыть HTML-код и другой код, связанный с рассматриваемой страницей.
Исходный код страницы в Apple Safari
Хотя Safari для iOS по умолчанию не включает возможность просмотра источника страницы, браузер довольно легко интегрируется с приложением View Source, доступным в App Store за 0,99 долл. США.
Теперь должно отображаться структурированное представление с цветовой кодировкой исходного кода активной страницы вместе с другими вкладками, которые позволяют просматривать ресурсы страницы, сценарии и многое другое.
На MacOS
Чтобы просмотреть исходный код страницы в настольной версии Safari, сначала необходимо включить меню «Разработка». Следующие шаги помогут вам активировать это скрытое меню и отобразить исходный HTML-код страницы:
- Выберите Safari в меню браузера, расположенного в верхней части экрана.
- Когда появится раскрывающееся меню, выберите параметр Настройки.
- Настройки Safari теперь должны быть видны. Нажмите на значок «Дополнительно», расположенный в правой части верхнего ряда.
- Внизу раздела «Дополнительно» находится опция «Показать меню разработки» в строке меню, сопровождаемая пустым флажком. Установите этот флажок и закройте окно настроек, щелкнув по красному значку «х» в верхнем левом углу.
- Откройте меню «Разработка», расположенное в верхней части экрана.
- Когда появится раскрывающееся меню, выберите «Показать источник страницы». Кроме того, можно использовать следующую комбинацию клавиш: COMMAND + OPTION + U .
Исходный код страницы в браузере Opera
Чтобы просмотреть исходный код активной веб-страницы в браузере Opera, используйте следующую комбинацию клавиш: CTRL + U ( COMMAND + OPTION + U в macOS). Если вы предпочитаете загружать источник в текущей вкладке, введите следующий текст слева от URL-адреса страницы в адресной строке и нажмите Enter : view-source:
Настольная версия Opera также позволяет просматривать исходный код HTML, CSS и другие элементы с помощью встроенных инструментов разработчика. Чтобы запустить этот интерфейс, который по умолчанию будет отображаться в правой части главного окна браузера, нажмите следующую комбинацию клавиш: CTRL + SHIFT + I ( COMMAND + OPTION + I в macOS).
Исходный код в браузере Vivaldi
Существует несколько способов просмотра исходного кода в браузере Vivaldi. Самое простое – это сочетание клавиш CTRL + U , которое представляет код с активной страницы в новой вкладке.
Вы также можете добавить следующий текст в начало URL-адреса страницы, который отображает исходный код на текущей вкладке: view-source:
Другой метод – через интегрированные инструменты разработчика браузера, доступные по сочетанию клавиш CTRL + SHIFT + I или через опцию средств разработчика в меню.
Читайте также: