Подтвердить что ты не робот

Инспектор хромового холста 2015

Я использовал эту отличную функцию, которую хром долгое время называл "инспектором холста". Это была экспериментальная функция, которая должна была быть включена вручную.

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

Кроме того, он работал на любом веб-сайте, вы могли бы просто сделать снимок и посмотреть, что происходит на холсте.

Это... чудесным образом исчезло однажды, и Google не дает никакого понимания.

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

4b9b3361

Ответ 1

По-видимому, это делало некоторые нахальные вещи, которые они не хотели в основном проекте, поэтому он был удален в этом выпуске: DevTools: сделать профайлер Canvas расширением

Мы можем сделать это расширением. Эта ошибка предназначена для отслеживания удаления профилировщика canvas из DevTools. Будет существовать отдельная инициатива по переносу кода, который будет удален в github, и опубликовать его как расширение Chrome.

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

Ответ 2

Это не совсем то, о чем спрашивает вопрос, но в Firefox встроен инспектор холста: https://hacks.mozilla.org/2014/03/introducing-the-canvas-debugger-in-firefox-developer-tools/

Вы можете включить его в настройках обычного инспектора

ОБНОВЛЕНИЕ: (2019)

Инспектор холста удален с Firefox 67:
Mozilla устарела листинг
Сообщение об ошибке с обоснованием

Альтернатива:
spector.js - рекомендуемая альтернатива от Mozilla

Ответ 4

Это лучший инспектор по расширению, который я когда-либо видел.

https://spector.babylonjs.com

Ответ 5

Сначала перейдите в

chrome://flags

Затем включите

Developer Tools experiments

Затем после перезапуска браузера откройте инструменты devlopers, нажав f12, а затем в правом верхнем углу появится передача. Нажмите на нее, перейдите к экспериментам, затем найдите "осмотр холста". Это неустойчиво, но полезно.