Вот скриншот с учебной веб-страницы d3.js :

Этот способ проверки в сафари довольно крутой, есть ли способ сделать это в Firefox?


Позвольте мне прояснить ситуацию, у меня есть страница со следующим источником:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>D3 Test</title>
        <script type="text/javascript" src="d3/d3.v3.js"></script>
    </head>
    <body>
        <script type="text/javascript">
var dataset = [ 5, 10, 15, 20, 25 ];
d3.select("body").selectAll("p")
    .data(dataset)
    .enter()
    .append("p")
.text(function(d) {
    return "I can count up to " + d;
});
        </script>

    </body>
</html>

И, кажется, в сафари, для каждого

элемент, он отображает свойство с именем __data__ , которое сценарий d3.js передает им.

3 ответа3

1

Да, вы можете просто щелкнуть правой кнопкой мыши и выбрать «Осмотреть элемент (Q)»

Тогда вы получите очень похожий интерфейс:

1

При этом существует множество дополнений / расширений для Firefox, которые напоминают то, что вы просите. Популярным дополнением является: FireBug, который является частью веб-разработчика. Который будет разбит и покажет в режиме реального времени, какой фрагмент html / javascript / css отображается. Одно из многих предложений ...

Изменить: есть консоль на основе веб-разработчика. Я стою исправлено. Firebug расширяет функциональность консоли. Дополнительная информация о firebug должна графически показать, где находятся элементы в структуре страницы и как они взаимодействуют. Проверяйте HTML и изменяйте стиль и макет в режиме реального времени, точно анализируйте использование и производительность сети, проверяйте и редактируйте HTML-код, визуализируйте метрики CSS, отлаживайте JavaScript и профиль Javascript, ведите журналы для Javascript и продолжайте функционировать.

1

Вы не проверяете HTML. Вы просматриваете результаты вызова функции JavaScript.

Консоль Firefox делает похожую вещь:

Скриншот

Обратите внимание, что ответом smc является правильный способ просмотра HTML/ DOM.

Кроме того, я все еще работаю на одну версию старше; новая версия выглядит еще лучше (и достаточно умна, чтобы связываться с инспектором, местом, где вы должны проверять DOM).

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .