Кто-нибудь знает библиотеку Javascript инспектора DOM или плагин? - PullRequest
14 голосов
/ 12 апреля 2009

Кто-нибудь знает о библиотеке или плагине Javascript для инспектора DOM?

Я хочу использовать этот код на веб-сайте, который я создаю, я много искал, но не нашел того, что хотел, кроме этого: http://slayeroffice.com/tools/modi/v2.0/modi_help.html

UPDATE: Кажется, никто не понял мой вопрос :( Я хочу найти пример или плагин, который позволит мне реализовать инспектор DOM. Я не хочу инструмент для проверки DOM; я хочу написать свой собственный.

Ответы [ 11 ]

7 голосов
/ 07 октября 2011

Я также ищу то же самое, и в дополнение к http://slayeroffice.com/tools/modi/v2.0/modi_help.html я нашел: http://www.selectorgadget.com/ (https://github.com/iterationlabs/selectorgadget/)

Тоже сталкивался с этим https://github.com/josscrowcroft/Simple-JavaScript-DOM-Inspector

К сожалению, я не нашел ничего основанного на jQuery. Но «Javascript DOM Inspector», кажется, является подходящим ключевым словом для поиска подобных вещей.

5 голосов
/ 17 июня 2009

Я нашел это: http://userscripts.org/scripts/review/3006

И этот тоже хорошо:

Выбор и выделение мышиных элементов DOM

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

5 голосов
/ 12 апреля 2009

Как насчет Firebug Lite - это похоже на Firebug , но вы вставляете его на страницу и можете отлаживать HTML, CSS, Javascript и DOM в большинстве браузеров (включая -FF те)

5 голосов
/ 13 апреля 2009

Aardvark официально является расширением Firefox, но вы также можете использовать его как библиотеку JavaScript. Встроенная демонстрация на указанном веб-сайте реализована с использованием JavaScript. копайтесь в коде, и вы найдете loader.js , который загружает модули Aardvark.

2 голосов
/ 27 апреля 2011

Совсем недавно мне нужно было разработать приложение с использованием JavaScript: когда любой пользователь нажимает на изображение этого сайта, оно отправляет URL-адрес изображения в определенное место. Вот статья, которая помогла мне достичь этого: AspBoss - библиотека Javascript для Dom Inspector

А это код :

// DOM Inspector
// version 0.1
// 2006-01-25
// Copyright (c) 2006, Onur Mat
//
// --------------------------------------------------------------------
//
// This user script allows you to interact with elements of a web page
// by moving mouse pointer on a web page and clicking on selected elements.
//
// To install for Firefox, you need Greasemonkey: http://greasemonkey.mozdev.org/
// Then restart Firefox and revisit this script.
// Under Tools, there will be a new menu item to "Install User Script".
// Accept the default configuration and install.
//
// To install for Internet Explorer, you need Turnabout:
// http://www.reifysoft.com/turnabout.php
// See instructions for using Turnabout here:
// http://www.reifysoft.com/turnabout.php
//
// --------------------------------------------------------------------
//
// ==UserScript==
// @name          DOM Inspector
// @namespace     http://www.dominspector.com/
// @description   Inspect DHTML DOM elements interactively
// @include       *
// ==/UserScript==

function DIOnMouseOver(evt)
{
    element = evt.target;   // not IE

    // set the border around the element
    element.style.borderWidth = '2px';
    element.style.borderStyle = 'solid';
    element.style.borderColor = '#f00';
}


function DIOnMouseOut(evt)
{
    evt.target.style.borderStyle = 'none';
}


function DIOnClick(evt)
{
    var selection = evt.target.innerHTML;

    alert('Element is: ' + evt.target.toString() + '\n\nSelection is:\n\n' + selection);
    return false;
}


document.addEventListener("mouseover", DIOnMouseOver, true);
document.addEventListener("mouseout", DIOnMouseOut, true);
document.addEventListener("click", DIOnClick, true);
2 голосов
/ 12 апреля 2009

Firebug - хорошее решение для Firefox. Вы можете просматривать HTML страницы, JavaScript, DOM, сетевую активность и т. Д. Safari также имеет довольно хорошие встроенные инструменты (в настоящее время я использую бета-версию Safari 4), хотя я считаю, что легче перемещаться по Firebug. *

0 голосов
/ 10 августа 2011

Коллега порекомендовал мне это: веб-рентгеновские очки https://secure.toolness.com/webxray/

0 голосов
/ 13 апреля 2009

Раньше я использовал Firebug и Firefox все время, теперь благодаря IE8, который имеет действительно классный инструмент, называемый инструментами разработчика, - который позволяет видеть весь Javascript, CSS, а также позволяет по-настоящему крутить функцию отладки. MICROSOFT добирается туда!

0 голосов
/ 13 апреля 2009

Попробуйте Приложение отладчика Backbase . Также имеется инспектор ввода / вывода.

0 голосов
/ 12 апреля 2009

Инструменты разработчика на IE8

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...