Ошибки сценария в internet explorer. причины и методы устранения
Содержание:
- На этой странице произошла ошибка сценария – что делать?
- The cause: cross-origin scripts
- Причина появления сообщений об ошибках скрипта
- Use a web proxy
- Сводка
- Ошибка в Internet Explorer
- Сбои доступа в интернет
- Как исправить ошибку Windows Script Host при запуске Windows 10
- Решение
- The fix: CORS attributes and headers
- Исправляем Windows Script Host (Код 80070002)
- Resolution
- Какие вкладки есть в консоли и за что они отвечают
На этой странице произошла ошибка сценария – что делать?
Ошибку «На этой странице произошла ошибка сценария» чаще можно встретить в браузере. Она сообщает нам о неправильной работе сценария. Сценарием называют часть программы, которая выполняет какое-либо действие или несколько последовательных действий. В основном эти сценарии написаны на популярных языках программирования – Visual Basic (Microsoft) и Javascript. Эти языки являются основными в разработке браузеров. Положительной стороной подобных сообщений является отсутствие критических последствий для системы и ваших личных данных, и в большинстве случаев появление на странице ошибки сценария решаются довольно просто.Процесс сбоя скрипта
Структура программы или web-сайта довольно сложный, точно отлаженный механизм, который не допускает никаких ошибок в своей работе, даже малейших. Внутри происходит взаимодействие между разными типами файлов и это взаимодействие должно проходить также без ошибок. При длительной работе, некоторые элементы такой структуры нарушаются при влиянии различного накопленного системного мусора и других неучтенных в дальнейшем взаимодействий модулей программы.
Решение ошибки «На этой странице произошла ошибка сценария» в Microsoft Explorer
Есть пользователи, которые ценят все продукты от корпорации Microsoft или по случаю уже привыкли к его использованию и хотят исправить ошибку в браузере Explorer, тогда следующий метод специально для вас (подробная инструкция по решению ошибки в статье: На этой странице произошла ошибка сценария как исправить).
- Браузер должен быть открыт на странице с ошибкой, если вы ушли с нее – вернитесь.
- Необходимо обновить страницу при помощи кнопок на панели инструментов, или нажмите сочетание клавиш CTRL+F
- Если после нескольких обновлений страницы ошибка сценария не исчезла, нажмите меню и выберите «Свойства браузера».
- Найдите и сделайте клик по пункту «Дополнительно».
- Убедитесь, что пункты проставлены в соответствии со скриншотом и сохраните действие нажатием «Ок».
Параметры Internet Explorer
- Теперь откройте вкладку «Безопасность». Далее найдите и нажмите кнопку «Выбрать уровень безопасности…».
- Далее выберите вкладку «Общие» и найдите внизу окна кнопку «Удалить» в журнале браузера.
Удаление журнала браузера
- В следующем окне выберите все пункты и снова кнопку «Удалить».
Ошибка сценария в ОС Windows
Используя популярные программы на компьютере, таких как музыкальные плееры, мессенджеры и прочие можно также наблюдать в некоторых случаях подобные ошибки. И такие ошибки можно, как и в случае с браузером, решить при помощи перезагрузки программы или системы. Если проблема «На этой странице произошла ошибка сценария» не исчезает, проделаем следующее:
- Откройте на компьютере окно «Ввод», нажав сочетание клавиш WIN+R. Наберите в окне команду «regedit».
- В следующем окне наведите курсор на ветку HKEY_LOCAL_MACHINE, нажмите правую кнопку мыши и выберите из списка «Разрешения».
Настройка редактора реестра
- Выберите пункт «Все». Внизу окна откройте полный доступ, выбрав галочку.
- Откройте «Дополнительно», о и нажмите изменить.
- В разделе «Общие разрешения» откройте полный доступ.
- Закройте все окна и перезагрузите систему.
- И в завершении откройте командную строку и пропишите regsvr32 msxml.dll и выполните команду.
Произошла ошибка сценария – в играх
На форумах популярных игр часто можно встретить подобные случае, когда пользователи сталкиваются с подобными ошибками, запуская или играя в игру. Окно с сообщением содержит продолжение: «продолжить выполнять этот сценарий да/нет». Обычно с подтверждением окна ошибка не исчезает.
Internet Explorer в операционных системах Windows часто является браузером по умолчанию, поэтому убедитесь, что в нем отключен пункт «Работать автономно». А также для него необходимо установить флеш-плеер с официальной страницы https://get.adobe.com/ru/flashplayer/, возможно страница с ошибкой сценария появляется из-за устаревшей версии плеера. Убедитесь, что в вашем антивирусном ПО браузер стоит в группу доверенных программ. В Антивирусе Касперского, относительно к 6 версии продукта это можно сделать так:
- Зайдите в настройки программы.
- Выберите раздел «Защита».
- В пункте «Исключения» нажмите «Доверенная зона».
- В «Доверенные программы» нажмите «Добавить».
Для антивирусного ПО Avast:
- Нажмите в окне антивируса кнопку «Настройки».
- На странице, во вкладке «Общие» найдите пункт «Исключения».
- В этом разделе вы можете добавить путь к программе, тем самым добавляя программу в список доверенных.
The cause: cross-origin scripts
To better understand what’s going on, consider the following example HTML document, hypothetically served from http://example.com/test:
Here’s the contents of http://another-domain.com/app.js. It declares a single function, , whose invocation will always throw a ReferenceError.
When this document is loaded in the browser, and JavaScript is executed, the following is output to the console (logged via the callback):
This isn’t a JavaScript bug — browsers intentionally hide errors originating from script files from different origins for security reasons. It’s to avoid a script unintentionally leaking potentially sensitive information to an onerror callback that it doesn’t control. For this reason, browsers only give window.onerror insight into errors originating from the same domain. All we know is that an error occurred — nothing else!
Причина появления сообщений об ошибках скрипта
Сообщения об ошибках в скриптах чрезвычайно туманны, поэтому существует множество причин, которые могут их вызвать. Самый простой способ понять ошибки скрипта — это знать, что они указывают на то, что скрипт на веб-сайте, который вы пытаетесь использовать, каким-то образом неисправен. Возможно, он не работает, не работает во время работы, завис или может произойти что-то еще полностью.
В большинстве случаев вам не нужно знать, почему произошла ошибка скрипта, чтобы исправить это. У вас либо есть какая-то проблема с вашим веб-браузером, которую вы можете исправить, либо сам скрипт сломан, но вы не можете это исправить.
Use a web proxy
Using a web proxy is an alternative method you can use to get around the problem. It can be especially useful if, for some reason, you can’t modify the HTTP header sent by the third-party server. You need to set up a proxy on your web server, then make your Ajax requests, not to the third-party domain, but to the web proxy hosted on the same domain.
The proxy server forwards the request to the third-party server, fetches the script, and sends it back to your website. Thus, the browser interprets it as a same-origin request and allows your frontend code to access the third-party script. The web proxy, in fact, functions as an intermediary for your requests from other servers.
There are some open-source CORS proxies available on the web, such as crossorigin.me or CORS Anywhere. However, these services should be only used in development. Never use an open CORS proxy on a production site, they are unreliable and may pose serious security risks.
Сводка
При приеме ошибок скрипта веб-страницы не могут отображаться или правильно работать в Internet Explorer.
При ошибках скрипта в Internet Explorer вы можете получать следующие сообщения об ошибках:
Если вы выберите Показать сведения, вы можете увидеть подробные сведения о следующих ошибках:
Следующее предупреждение может также отображаться в панели состояние Internet Explorer:
Эта проблема возникает из-за того, что исходный код HTML для веб-страницы не работает правильно с клиентской стороной сценария, например microsoft JScript или Microsoft Visual Basic скрипта. Эта проблема может возникнуть по одной или нескольким из следующих причин:
- Проблема существует в исходный код HTML веб-страницы.
- На веб-странице используются новые технологии, не поддерживаемые Internet Explorer.
- На веб-странице используется клиентский визуальный базовый сценарий, который не используется.
- Активные сценарии, ActiveX элементы управления или java-программы заблокированы на компьютере или в сети. Internet Explorer или другая программа, например антивирусные программы или брандмауэры, может быть настроена для блокировки активных сценариев, ActiveX элементов управления или java-программ.
- Антивирусное программное обеспечение настроено для сканирования временных интернет-файлов или скачаных папок программных файлов.
- Папки, связанные с Интернетом, на компьютере повреждены.
- Драйверы видеокарт повреждены или устарели.
Примечание
Серверные скрипты, такие как Visual Basic скрипты в ASP (ASP), запускают на веб-сервере. Ошибки скрипта, которые возникают из-за сбоев сценариев на стороне сервера, не создают сообщения об ошибках в Internet Explorer, но могут создавать веб-страницу, которая не отображается или работает правильно. Сведения об устранении неполадок в этой статье применимы к ошибкам скрипта на стороне клиента. Обратитесь к администратору веб-сервера, если вы подозреваете, что проблема влияет на сценарий на стороне сервера.
Эти методы, перечисленные в этой статье, могут помочь устранить ошибки скрипта, вызванные файлами или настройками на компьютере. Краткие визуальные инструкции по устранению ошибок скриптов в Internet Explorer смотрите в этом видео:
Ошибка в Internet Explorer
Обозреватель от Майкрософт часто выдаёт предупреждение с ошибкой скрипта. Попробуйте просто перезагрузить веб-страницу, нажав на стрелку в кружочке или сочетание CTRL+F5. Это исправит проблему при сбое сети, метод самый простой.
Если неисправность осталась, перейдите на иной обозреватель. Например, Mozilla Firefox, Google Chrome, Opera. Можно использовать экспорт закладок, чтобы сохранить нужные страницы.
Если же нет возможности или желания менять браузер, зайдите в опции Explorer. Но сначала во всплывшем сообщении кликните «Нет» для прекращения любых действий со сценарием. Инструкция:
- в обозревателе зайдите в меню;
- нажмите пункт «Свойства»;
- отыщите блок «Дополнительно»;
- прокрутите вниз до позиций отключения отладки сценариев;
- нужно установить галочки, как на изображении. Отладку отметьте галками, а подчеркивание ссылки установите в положение «Всегда»;
- сохраните действия, нажав «Ок».
Как правило, после этого ошибка сценария должна исчезнуть. Но не всегда. В связи с чем нужно проверить систему безопасности соединений:
- в том же меню отыщите блок «Безопасность»;
- установите все опции по умолчанию;
- сделайте полную очисткуистории.
Сбои доступа в интернет
Что касается ошибок доступа во всемирную паутину, многие могут возразить, что, мол, эти сбои с файлами не связаны. Отчасти так и есть, но ведь не стоит забывать, что те же настройки подключения или доступа к какому-то ресурсу сохраняются не где-нибудь, а именно в файлах. Другое дело, что в явном виде их пользователь не видит, а изменяет настройки и параметры в основном через графический или командный интерфейс системы.
А вообще, о компьютерных ошибках, если уж на то пошло, можно написать целый трактат, хотя и в нем абсолютно все известные или теоретически возможные сбои учесть не получится.
Как исправить ошибку Windows Script Host при запуске Windows 10
Если вы включили создание точки восстановление системы , то можете просто откатить систему на пару дней назад, когда она работала стабильно. Помните, что работа, которая была сделана сегодня, не восстановится, если вы откатили задним числом.
1. Используйте проверку системных файлов
Запустите командную строку от имени администратора и выполните следующую команду для сканирования и автоматического восстановления системных файлов:
2. Сканирование ПК на наличие вредоносных программ
Одна из причин, почему пользователи получают ошибку Windows Script Host – это вредоносные программ скаченные с ненадежных источников. Если ваш компьютер заражен вредоносным ПО, может появиться сообщение об ошибке “Не удается найти файл сценария“. Если у вас стоит сторонний антивирус , то запустите его в режиме “полная проверка”. Рекомендую воспользоваться антивирусным сканером .
Наверное многие уже пользуются встроенным антивирусом защитником Windows. Запустите его на проверку в автономном режиме, и он при перезагрузке будет проверять уязвимые места на вирусы.
3. Установить значение по умолчанию для ключа .vbs
Нажмите комбинацию кнопок Win + R и введите regedit, чтобы открыть редактор реестра. Далее перейдите по пути:
HKEY_CLASSES_ROOT.vbs
В левой колонке найдите .vbs, выделите эту папку, и с правой стороны щелкните два раза мышкой по значению (По умолчанию). Задайте значение VBSFile.
4. Устранение неполадок в состоянии чистой загрузки
Чистая загрузка используется для диагностики и устранения неполадок связанных с системой. Во время чистой загрузки мы запускаем систему с минимальным количеством драйверов и программ запуска, что помогает изолировать причину мешающим программным обеспечением. После того, как вы загрузились в чистом состоянии загрузки, проверьте, сохраняется ли проблема. Если, ошибки нет, то вам придется искать программу или службу, которая вызывает ошибку Windows Script Host. Таким образом вы можете добавлять другие (сторонние) службы по одной, чтобы выявить виновника.
5. Восстановление или сброс Windows 10
Восстановление: Загрузитесь в дополнительные параметры и попробуйте “Восстановление при загрузке”. Чтобы попасть туда, нужно перезагрузить компьютер 3 и более раз кнопкой Reset на ПК. Т.е. Вы загружаетесь до момента логотипа Windows (когда крутится колесико загрузки) и перезагружаете еще раз. И так три раза.
Сброс: Вы можете попробовать сбросить ваш ПК до значения по умолчанию, сохранив при этом свои файлы.
Решение
Примечание
Корпорация Майкрософт рекомендует обновить систему с помощью последнего доступного обновления windows. Дополнительные сведения об обновлении Windows см. в faq.
Шаг 1. Убедитесь, что ошибки скрипта возникают на нескольких веб-сайтах
Если единственным признаком этой проблемы является сообщение об ошибке, и веб-сайты работают, вы, вероятно, можете игнорировать ошибку. Кроме того, если проблема возникает на одной или двух веб-страницах, эта проблема может быть вызвана этими страницами. Если вы решите игнорировать ошибки, можно отключить отладку сценариев. Чтобы сделать это, выберите почтовый ящик отключения отладки скриптов (Internet Explorer) в параметрах Расширенный просмотр параметров > > Internet Options.
Примечание
Если эта проблема возникает на более чем одном или двух сайтах, не отключайте отладку сценариев.
Шаг 2. Убедитесь, что проблема вызвана файлами или настройками на компьютере
Чтобы сузить источник проблемы, используйте другую учетную запись пользователя, другой браузер или другой компьютер для просмотра веб-страниц, которые вызвали ошибку скрипта.
Если ошибка скрипта не возникает при просмотре веб-страницы через другую учетную запись пользователя, в другом браузере или на другом компьютере, проблема может возникнуть из-за файлов или параметров на компьютере. В этой ситуации следуйте методам, используемым в этой статье для решения этой проблемы:
После завершения каждого метода попробуйте открыть веб-страницу, на которой ранее была получена ошибка сценария. Если ошибка не будет устранена, проблема будет устранена.
Метод 1. Убедитесь, что Active Scripting, ActiveX и Java не блокируются Internet Explorer
Активные скрипты, ActiveX и Java участвуют в формировании способа отображения информации на веб-странице. Если эти функции заблокированы на компьютере, это может привести к нарушению отображения веб-страницы. Вы можете сбросить параметры безопасности Internet Explorer, чтобы убедиться, что эти функции не заблокированы. Для этого выполните следующие действия:
-
Запустите Internet Explorer.
-
В меню Tools выберите Параметры Интернета. Если вы не видите меню Tools, нажмите Alt, чтобы отобразить меню.
-
В диалоговом окне Параметры Интернета выберите вкладку Security.
-
Выберите ОК уровня по > умолчанию.
Примечание
ActiveX элементы управления и java-программы отключены на высоком уровне безопасности в Internet Explorer.
Метод 2. Удаление всех временных файлов Интернета
Каждый раз, когда вы открываете браузер для просмотра веб-страницы, на компьютере хранится локализованная копия этой веб-страницы во временном файле. Если размер временной папки интернет-файлов становится слишком большим, при открываемой веб-странице могут возникнуть проблемы с отображением. Периодические очистки папки может помочь решить проблему.
Удаление всех временных файлов, связанных с Интернетом для Internet Explorer.
-
Запустите Internet Explorer.
-
В меню Tools выберите Параметры Интернета. Если вы не видите меню Tools, нажмите Alt, чтобы отобразить меню.
-
Откройте вкладку Общие.
-
В статье История просмотра выберите Удаление.
-
В диалоговом окне «Удалить историю просмотра» выберите следующие флажки, а затем выберите Удаление:
- Временные файлы Интернета
- Файлы cookie
- Журнал
-
Выберите Закрыть, а затем выберите ОК, чтобы закрыть диалоговое окно Параметры Интернета.
Метод 3. Установка последних обновлений программного обеспечения для Windows
Чтобы оставаться в курсе, выберите кнопку Начните > Параметры > обновление & безопасности Windows обновления, а затем выберите Check > for updates.
Расширенный отладка
Этот раздел предназначен для более продвинутых пользователей компьютеров. Она включает в себя три метода, которые помогут устранить проблему.
Скрипты, ActiveX элементы управления и программы Java помогают определять способ отображения веб-страницы. Если эти функции заблокированы, это может привести к нарушению отображения веб-страниц.
Чтобы убедиться, что сценарии, ActiveX и Java-программы не заблокированы, см. документацию по брандмауэру или антивирусной программе, которую вы используете. Затем внести необходимые изменения.
The fix: CORS attributes and headers
In order to get visibility into a JavaScript exception thrown by scripts originating from different origins, you must do two things.
better.dev
Get Started w/ JavaScript
for free!
1. Add a crossorigin=”anonymous” script attribute
This tells the browser that the target file should be fetched “anonymously.” This means that no potentially user-identifying information like cookies or HTTP credentials will be transmitted by the browser to the server when requesting this file.
2. Add a cross-origin HTTP header
CORS is short for Cross Origin Resource Sharing, and it’s a set of APIs (mostly HTTP headers) that dictate how files ought to be downloaded and served across origins.
By setting , the server is indicating to browsers that any origin can fetch this file. Alternatively, you can restrict it to only a known origin you control:
Note: most community CDNs properly set an Access-Control-Allow-Origin header:
Once both of these steps have been made, any errors triggered by this script will report to , just like any regular same-domain script. So, instead of “Script error,” the onerror example from the beginning would yield:
Boom! You’re done. ”Script error” will plague you and your team no more.
Исправляем Windows Script Host (Код 80070002)
Далее мы приведем несколько методов, которые избавят вас от данного сбоя. Эти методы проверенны и одобрены многими юзерами, а также предлагаются как оптимальные на официальном форуме поддержки Microsoft.
Остановка служб обновления
Иногда процесс обновления ОС происходит не совсем корректно. Это бывает связанно с загруженностью системы, сбоях интернета и т.д. Решениями становятся не сложные манипуляции, которые сможет сделать абсолютно любой пользователь. Выполним остановку центра обновлений.
- Перейдите в меню «Пункт» и посетите «Панель управления».
- Найдите подменю «Администрирование».
- Увидите список операций, кликните по «Службы».
- В новом окне отсортируйте все службы ОС по имени, это поможет в поиске «Центр обновления Windows».
- Кликните правой кнопкой мышки. Выберите «Остановить».
Остановка Центра обновлений Windows
Это способ помогает прервать постоянные попытки компьютера получить новые обновления, которые могут вызывать ошибку 80070002.
Настройте время
Ошибка «Windows Script Host сценария» проявляется вследствие неправильно установленной даты на вашем ПК. Расхождения с главным сервером Microsoft во времени очень часто создает конфликты. Устанавливаемый софт строго соблюдает авторские права и поддержку разного рода DirectX , а они, как известно, не вечные.
- Перейдите в правом углу в меню часов, для этого нажмите на них.
- В самом низу будет одно единственное действие «Изменение настроек даты и времени».
Проверяем правильность настроек времени на ПК
Далее вводите правильное число и выбираете свой часовой пояс. А вообще лучше выставить автоматическое определение.
Самый простой способ решения, но не менее действенный от этого.
Удаление последних обновлений
Это вариант поможет в ручную решить данную ситуацию. Нужно будет посетить центр обновления и удалить все внесенные изменения за последнее время.
- Через «Пуск» найдите уже знакомую «Панель управления».
- Щелкните по службе «Программы и компоненты».
- В левом меню из трех вариантов выберите «Просмотр установленных обновлений».
- Отсортируйте все по дате добавления софта. Это можно сделать при помощи «Установлено».
Удалите обновления за последние пять дней
Начинайте с самой первой даты удалять все подряд. Примените это ко всем пунктам, которые были внесены в систему за пять последних дней.
А вот наглядная и подробная видео инструкция по исправлению подобной ошибки.
А вот хороший обзор о проблеме несколько иного сбоя службы Windows Script Host: «Не удается найти файл сценария run.vbs», который вызывает черный экран при загрузке и соответствующее уведомление.
Resolution
Note
Microsoft encourages you update your system with the latest windows update available. For more information about Windows Update, see FAQ.
Step 1: Make sure that script errors occur on multiple webpages
If the only sign of this problem is the error message, and the websites are working, you can probably ignore the error. Also, if the problem occurs on one or two webpages, the problem may be caused by those pages. If you decide to ignore the errors, you can disable script debugging. To do it, select the Disable script debugging (Internet Explorer) checkbox in Internet Options > Advanced > Browsing settings.
Note
If this problem occurs on more than one or two sites, don’t disable script debugging.
Step 2: Make sure that the problem is caused by files or settings on your computer
To narrow down the source of the problem, use another user account, another browser, or another computer to view the webpages that triggered the script error.
If the script error doesn’t occur when you view the webpage through another user account, in another browser, or on another computer, the problem may be caused by files or settings on your computer. In this situation, follow the methods in this article to resolve this problem:
After you complete each method, try to open a webpage on which you previously received a scripting error. If you don’t receive the error, the problem is resolved.
Active scripting, ActiveX, and Java are all involved in shaping the way that information is displayed on a webpage. If these features are blocked on your computer, it may disrupt the display of the webpage. You can reset your Internet Explorer security settings to make sure these features aren’t blocked. To do it, follow these steps:
-
Start Internet Explorer.
-
On the Tools menu, select Internet Options. If you can’t see the Tools menu, press Alt to display the menus.
-
In the Internet Options dialog box, select the Security tab.
-
Select Default Level > OK.
Note
ActiveX controls and Java programs are turned off in the High security level in Internet Explorer.
Method 2: Remove all temporary Internet files
Every time that you open a browser to view a webpage, your computer stores a local copy of that webpage in a temporary file. If the size of the temporary Internet files folder becomes too large, some display problems may occur when you open webpages. Periodically clearing the folder might help to resolve the problem.
To remove all the temporary Internet-related files for Internet Explorer.
-
Start Internet Explorer.
-
On the Tools menu, select Internet Options. If you can’t see the Tools menu, press Alt to display the menus.
-
Select the General tab.
-
Under Browsing History, select Delete.
-
In the Delete Browsing History dialog box, select the following check boxes, and then select Delete:
- Temporary Internet Files
- Cookies
- History
-
Select Close, and then select OK to close the Internet Options dialog box.
Method 3: Install the latest software updates for Windows
To stay up to date, select the Start button > Settings > Update & Security > Windows Update, and then select Check for updates.
Advanced debugging
This section is intended for more advanced computer users. It includes three methods to help resolve the problem.
Scripts, ActiveX controls, and Java programs help shape the way a webpage is displayed. If these features are blocked, it may disrupt the display of webpages.
To make sure that scripts, ActiveX controls, and Java programs aren’t blocked, see the documentation for the firewall or antivirus program that you use. Then make any necessary changes.
Какие вкладки есть в консоли и за что они отвечают
Консоль каждого браузера содержит практически идентичные вкладки с одним и тем же функционалом, поэтому рассмотрим каждый из блоков на примере веб-обозревателя Google Chrome.
Перед тем как перейти к разбору каждой вкладки, давайте рассмотрим основное элементы, которые могут быть полезны при работе с консолью. Первый – это включение адаптивного режима. Для этого необходимо открыть консоль и в верхнем левом углу нажать на кнопку в виде телефона/планшета.
В результате левая часть окна будет немного изменена: добавятся кнопки для выбора разрешения под нужный девайс. Например, выберем устройство iPhone X, и сайт сразу же будет выглядеть так, как он выглядел бы на телефоне.
Если выбрать опцию «Responsive», то слева от страницы отобразится дополнительная линия, которую мы можем тянуть влево или вправо – с помощью нее можно подобрать необходимое разрешение страницы. Также настроить разрешение мы можем и в верхней части окна.
И еще одна опция, которая может быть полезна – изменение расположения консольной панели. Чтобы ей воспользоваться, необходимо в верхней правой части нажать на кнопку в виде троеточия и в строке «Dock side» изменить ориентацию. Доступные положения: справа, слева, снизу, в отдельном окне.
На этом стандартный набор функций консольной панели заканчивается. Давайте посмотрим, какие в ней есть вкладки и за что они отвечают.
Elements
Основной компонент для верстальщиков. Он включает в себя всю информацию об открытой HTML-странице. Здесь мы можем не только посмотреть текущие теги и атрибуты, но и изменить их – в таком случае произойдет автоматическое изменение дизайна на странице. Если ее обновить, все вернется на свои места. Также открыт доступ к просмотру CSS и прочих элементов – для этого в правой части раздела идут вкладки Styles, Computed, Layout, Event Listeners, DOM Breakpoints, Properties и Accessibility.
Console
Еще одна важнейшая вкладка для верстальщиков – это Console. В ней мы можем узнать информацию о текущих ошибках на сайте, посмотреть исполняемый JavaScript-код, если он выведен в консоль с помощью метода console.log, и многое другое.
Если вам нужно очистить информацию, выведенную в консоль, то сделать это легко. Достаточно в верхнем левом углу нажать на кнопку в виде знака запрета.
Также в данной консоли мы можем посмотреть информацию об ошибках плагина, воспользоваться поиском по слову или фразе, а также установить различные фильтры на отображаемую информацию.
Sources
Данный раздел открывает доступ ко всей иерархии сайта: здесь мы можем посмотреть, какие используются картинки, CSS-файлы, шрифты и прочее.
Сама вкладка, как видите, разделена на 3 части. В первой содержится дерево иерархии файлов, относящихся к сайту. Вторая предназначена для просмотра содержимого этих файлов и выполнения их отладки. Для ее запуска необходимо воспользоваться последним окном.
Network
Из названия уже понятно, что данный раздел предназначен для отслеживания сетевого трафика. Его основная функция – запись сетевого журнала. Можно выявить время загрузки и обработки различных файлов, чтобы впоследствии оптимизировать страницу.
Performance
Панель отображает таймлайн использования сети, выполнения JavaScript-кода и загрузки памяти. После первоначального построения графиков будут доступны подробные данные о выполнении кода и всем жизненном цикле страницы.
Memory
В этой вкладке можно отслеживать использование памяти веб-приложением или страницей. Мы можем узнать, где тратится много ресурсов – эту информацию в последующем можно использовать для оптимизации кода.
Application
Данный раздел позволяет инспектировать и очищать все загруженные ресурсы. Мы можем взаимодействовать с HTML5 Database, Local Storage, Cookies, AppCache и другими элементами.
Основная особенность опции – чистка куки. Если вам необходимо выполнить эту процедуру, то просто откройте в левой части раздел «Cookies» и нажмите справа на значок запрета. Куки для выбранной ссылки будут очищены.
Security
Раздел Security отображает информацию о безопасном протоколе. Если его нет, то будет сообщено, что данная страница является небезопасной. Кроме того, можно получить еще некоторые сведения о:
- проверке сертификата – подтвердил ли сайт свою подлинность TLS;
- tls-соединении – использует ли сайт современные безопасные протоколы;
- безопасности второстепенных источников.
Lighthouse
Последний раздел представляет собой инструмент аудита с открытым исходным кодом. Благодаря ему разработчики могут повысить производительность и доступность своих веб-сайтов.