Исправление ошибок JavaScript, сообщаемых в консоли
В этой статье рассматриваются шесть демонстрационных страниц для демонстрации устранения ошибок JavaScript, о которых сообщается в консоли.
Исправление ошибок JavaScript
Первое взаимодействие с консолью , скорее всего, будет ошибкой в сценариях.
Демонстрационная страница: ошибка JavaScript, сообщаемая в средстве консоли
- Откройте демонстрационную веб-страницу с ошибкой JavaScript, сообщаемой в средстве консоли в новом окне или вкладке.
- Щелкните правой кнопкой мыши в любом месте веб-страницы и выберите пункт Проверить. Или нажмите клавишу F12. DevTools откроется рядом с веб-страницей.
- Нажмите кнопку Консоль на панели действий. В средствах разработки консоль предоставляет дополнительные сведения об ошибке:
Во многих сообщениях об ошибках в консоли отображается кнопка Поиск этого сообщения на веб-кнопке , показанная в виде лупы. Дополнительные сведения см. в разделе Поиск в Интернете строки сообщения об ошибке консоли. Сведения в этом сообщении об ошибке показывают, что ошибка находится в строке error.html 16 файла.
- Щелкните ссылку error.html:16 справа от сообщения об ошибке в консоли. Откроется средство «Источники «, в котором выделена строка кода с ошибкой:
Скрипт пытается получить первый h2 элемент в документе и закрасить вокруг него красную границу. Но элемент не h2 существует, поэтому скрипт завершается сбоем.
Поиск и отладка проблем с сетью
Консоль также сообщает об ошибках сети.
Демонстрационная страница: сообщение об ошибке сети в консоли
- Откройте демонстрационную веб-страницу Ошибка сети в консоли в новом окне или вкладке.
- Щелкните правой кнопкой мыши в любом месте веб-страницы и выберите пункт Проверить. Или нажмите клавишу F12. DevTools откроется рядом с веб-страницей.
Таблица отображает loading , но на веб-странице ничего не меняется, так как данные никогда не извлекаются. В консоли произошли две следующие ошибки:
- Ошибка сети, которая начинается с GET метода HTTP, за которым следует URI.
- Ошибка Uncaught (in promise) TypeError: data.forEach is not a function .
- Щелкните ссылку на веб-страницу и строку кода, где возникает ошибка, чтобы открыть средство Источники. То есть щелкните ссылку network-error.html:40 в консоли:
Откроется средство Источники . Проблемная строка кода выделяется, за которой следует error кнопка ( x ).
- Нажмите кнопку ошибки ( x ). Появится сообщение Failed to load resource: the server responded with a status of 404 () .
Эта ошибка сообщает, что запрошенный URL-адрес не найден.
- Откройте средство «Сеть » следующим образом: откройте консоль и щелкните URI, связанный с ошибкой. После загрузки ресурса в консоли отображается код состояния HTTP ошибки:
В средстве «Сеть» отображаются дополнительные сведения о сбое запроса:
- Проверьте заголовки в средстве «Сеть» , чтобы получить дополнительные сведения:
В чем проблема? Два символа косой черты ( // ) имеются в запрошенном URI после слова repos .
- Откройте инструмент Источники и проверьте строку 26. Символ косой черты ( / ) возникает в конце базового URI. Средство «Источники » отображает строку кода с ошибкой:
Просмотр итоговой страницы при отсутствии ошибок в консоли
Далее мы посмотрим на итоговую страницу, когда в консоли нет ошибок.
Демонстрационная страница: исправлена ошибка сети, сообщаемая в консоли
- Открытие демонстрационной веб-страницы Исправлена ошибка сети, сообщаемая в консоли в новом окне или вкладке. Пример без ошибок загружает информацию из GitHub и отображает ее:
Демонстрационная страница: Отчеты об ошибках сети в консоли и пользовательском интерфейсе
Используйте защитные методы кодирования, чтобы избежать предыдущего взаимодействия с пользователем. Убедитесь, что код перехватывает ошибки и отображает каждую ошибку в консоли следующим образом:
- Откройте демонстрационную веб-страницу Отчеты об ошибках сети в консоли и пользовательском интерфейсе в новом окне или вкладке.
- Щелкните правой кнопкой мыши в любом месте веб-страницы и выберите пункт Проверить. Или нажмите клавишу F12. DevTools откроется рядом с веб-страницей. Пример веб-страницы демонстрирует следующие методики:
- Предоставьте пользователю пользовательский интерфейс, чтобы указать, что что-то пошло не так.
- В консоли укажите полезные сведения об ошибке сети из кода.
В этом примере перехватывается и выводится сообщение об ошибках:
Следующий код в демонстрации перехватывает и сообщает об ошибках с помощью handleErrors метода , в частности throw Error строки:
const handleErrors = (response) => < if (!response.ok) < let message = 'Could not load the information' document.querySelector('tbody').innerHTML = ` Error $ `; throw Error(response.status + ' ' + response.statusText); > return response; >;
Создание ошибок и трассировок в консоли
throw Error Помимо примера в предыдущем разделе, вы также можете создавать различные ошибки и проблемы трассировки в консоли.
Демонстрационная страница: создание отчетов об ошибках и утверждений в консоли
Чтобы отобразить два созданных сообщения об ошибках в консоли, выполните следующие действия:
- Откройте демонстрационную страницу Создание отчетов об ошибках и утверждений в консоли в новом окне или вкладке.
- Щелкните правой кнопкой мыши в любом месте веб-страницы и выберите пункт Проверить. Или нажмите клавишу F12. DevTools откроется рядом с веб-страницей. В консоли отображаются сообщения об ошибках: На демонстрационной странице используется следующий код:
function first(name) < second(name); >function second(name) < third(name); >function third(name) < if (!name) < console.error(`Name isn't defined :(`) >else < console.assert( name.length is not less than eight letters"` ); > > first(); first('Console'); first('Microsoft Edge Canary');
- first()
- second()
- third()
Каждая функция отправляет name аргумент в другую. third() В функции вы проверка, существует ли name аргумент, и если он не существует, регистрируется ошибка о том, что имя не определено. Если name задано значение , метод используется assert() для проверка, если аргумент имеет длину name менее восьми букв.
Вы запрашиваете функцию first() три раза со следующими параметрами:
- Нет аргумента, активировающего console.error() метод в third() функции.
- Термин Console в качестве параметра first() функции не вызывает ошибку, так как name аргумент существует и короче восьми букв.
- Фраза Microsoft Edge Canary в качестве параметра функции приводит к first() тому, что console.assert() метод сообщает об ошибке, так как параметр длиннее восьми букв.
Демонстрация использует метод для создания условных console.assert() отчетов об ошибках. Следующие два примера имеют одинаковый результат, но для одного требуется дополнительная if<> инструкция:
let x = 20; if (x < 40) < console.error(`$is too small`) >; console.assert(x >= 40, `$ is too small`)
Вторая и третья строки кода выполняют один и тот же тест. Так как утверждение должно записывать отрицательный результат:
- Вы протестируете if в x < 40 случае.
- Вы проверяете наличие x >= 40 утверждения.
Демонстрационная страница: создание трассировок в консоли
Если вы не знаете, какая функция запрашивает другую функцию, используйте console.trace() метод для отслеживания запрашиваемых функций, чтобы получить доступ к текущей функции.
Чтобы отобразить трассировку в консоли, выполните следующие действия:
- Откройте демонстрационную страницу Создание трассировок в консоли в новом окне или вкладке.
- Щелкните правой кнопкой мыши в любом месте веб-страницы и выберите пункт Проверить. Или нажмите клавишу F12. DevTools откроется рядом с веб-страницей. На странице используется следующий код:
function here() function there() function everywhere() < console.trace(); >here(); there();
Результатом является трассировка, которая here() отображается с именем there() , а затем everywhere() , а во втором примере отображается, что она называется everywhere() . Ниже приведена трассировка, созданная в консоли:
См. также
- Общие сведения о консоли . Общее использование консоли для отображения и устранения сообщений об ошибках.
exception throw .see javascript console. error on Opera GX gxc
Deltablaster отредактировано i need help. i jus installed opera gx. then i got to know about the gxc corner. so i went and tried to play a game. but it always said «exception throw .see javascript console.» i reset all the setting,turned off ad and tracker blocker,turned on and off hardware acceleration.fed up i unistalled it and reinstalled and directly went to the website.still it didn’t work.i’m out of options,
pls help. tell me what to do, what to turn off etc.
Deltablaster @leocg отредактировано @leocg i did that. i switched it off,relaunched it. then turned it on and relaunced.still it didn’t work
Theways2 @Deltablaster отредактировано @deltablaster Try disabling the ad blocker if you’re using one.
Deltablaster отредактировано @leocg pls help me sir.can u find another option or at least an extension that would help
leocg Moderator Volunteer @Deltablaster отредактировано @deltablaster You should wait at least 24 hours before «bumping» a topic. If no one replied is, most probably, because no one knows a solution.
Deltablaster @leocg отредактировано @leocg very sorry sir, i was desperate,i didn’t know the waiting time
Deltablaster @Theways2 отредактировано @theways2 sir, i tried ur option. i just downloaded and installed it again.this time without even setting anything on, i went directly to the website and clicked on a random game and cliked play. i showed downloading data.after that it waited for 10 seconds and showded the same message «exception throw .see javascript console.»
blackuniverse отредактировано download java and disable hardware acceleration
Rob-Arihanna @Deltablaster отредактировано @deltablaster I’m having the same issue as you. I tried everything alas nothing worked. When I opened the console and looked at the codes this is what showed up :
Uncaught TypeError: Cannot read properties of undefined (reading 'depthRange') at Sb (runner.js:349) at runner.wasm:0x3432ef at runner.wasm:0x3154db at runner.wasm:0x29c764 at Qj.b. (runner.js:283) at c (runner.js:341)
So if anyone sees this please let us know what to do to fix it and what the actual problem is. Thank you!
blackuniverse отредактировано what version of opengl do you have
blackuniverse отредактировано look to see if updating or downloading the DirectX works for them
Deltablaster отредактировано People, i found the fix.
@blackuniverse i thank you from the bottom of my heart
visit the page: https://www.microsoft.com/en-in/download/details.aspx?id=35
download the installer and install it on your pc.
then install opera gx and go to settings and turn off hardware acceleration.
it worked for me.
Naldossl @Deltablaster отредактировано Это сообщение удалено!
leocg Moderator Volunteer @Naldossl отредактировано @naldossl English here please.
gamefy @Deltablaster отредактировано @deltablaster I tried this but still dint work
console.error()
Примечание: console.exception() — это псевдоним для console.error() ; они функционально идентичны.
Параметры
Список объектов JavaScript для вывода. Строковое представление каждого из этих объектов объединяются в указанном порядке и выводятся.
Строка JavaScript, содержащая 0 или более подстановочных символов для замены.
Объекты JavaScript, с помощью которых произойдёт замена символов в msg. Это предоставляет дополнительный контроль над форматом вывода.
Смотрите раздел Вывод текста в консоль в документации console для подробностей.
Спецификация
Specification |
---|
Console Standard # error |
Совместимость с браузерами
BCD tables only load in the browser
Смотрите также
- Opera Dragonfly documentation: Console
- MSDN: Using the F12 Tools Console to View Errors and Status
- Chrome Developer Tools: Using the Console
Found a content problem with this page?
- Edit the page on GitHub.
- Report the content issue.
- View the source on GitHub.
This page was last modified on 16 нояб. 2023 г. by MDN contributors.
Your blueprint for a better internet.
MDN
Support
- Product help
- Report an issue
Our communities
Developers
- Web Technologies
- Learn Web Development
- MDN Plus
- Hacks Blog
- Website Privacy Notice
- Cookies
- Legal
- Community Participation Guidelines
Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.
Exception thrown see javascript console что делать
If you are seeing this error, you may have disabled hardware acceleration in your browser settings. To check this, please follow the steps for your browser below.
Firefox:
- Click on «Firefox» then «Preferences.»
- In the «General» panel, go to the «Performance» section.
- Uncheck the box next to «Use recommended performance settings» and make sure the box next to «Use hardware acceleration when available» is selected.
- Close and restart the browser for the change to take effect.
- If you need help, please follow this link: https://support.mozilla.org/en-US/kb/performance-settings?as=u&utm_source=inproduct
Google Chrome:
- Click the three stacked dots in upper right of the browser window.
- Click the arrow next to «Advanced» and select «System.»
- Make sure the box next to «Use hardware acceleration when available» is toggled on.
- Close and restart the browser for the change to take effect.
- You can also copy and paste this link chrome://settings/system into the address bar. This will bring you right to the system settings.
- Click the «3 dots» menu icon in the upper right of the browser window
- Click on «Settings» then «System» on the left side.
- Toggle on «Use hardware acceleration when available» if this is not enabled.
- Close and restart the browser for the change to take effect.
- You can also copy and paste this link edge://settings/system into the address bar. This will bring you right to the system settings.
- Click on the «Safari» then «Settings» >
- Click «Advanced» on the top right of the Settings window and ensure «Use hardware acceleration» is enabled
Microsoft Edge:
Safari (Mac Only) — As of macOS Catalina (version 10.15), Hardware acceleration is automatically enabled, and there is no way turn this on and off. If you are using an older version of MacOS, please use the steps below:
If the game is still not loading, you may have disabled cookies/local data in your browser.
Please use the following links for your browser:
Firefox (PC): https://support.mozilla.org/en-US/kb/websites-say-cookies-are-blocked-unblock-them
If you are still seeing the message about hardware acceleration even after making sure that option is enabled, it’s likely that your browser has recently stopped supporting your computer’s graphics card. If this happens, hardware acceleration will usually be disabled behind the scenes even though you’ve selected it to be enabled — if a browser doesn’t support hardware acceleration for your graphics processor, it will be blocked.
Hardware acceleration is required for Genies & Gems to run properly. We recommend you update your graphics card drivers, if possible. If there aren’t any updates available, you may have to consider upgrading your graphics card or playing on a different device.