誰もがDOMインスペクタのJavaScriptライブラリやプラグインを知っていますか?

dom html javascript jquery

誰もがDOMインスペクタのJavaScriptライブラリやプラグインを知っていますか?

私は私が作成しているウェブサイトの内部でこのコードを使用したいと思います、私はたくさん検索しましたが、私がこれを除いて欲しいものを見つけませんでした:

*更新:*誰も私の質問を理解していなかったようです:( DOMインスペクタを実装させるための例やプラグインを見つけたいのです。 DOMを検査するためのツールは必要ありません。自分で書きたいです。

  14  8


ベストアンサー

私も同じことを探しています、そして私が見つけたhttp://slayeroffice.com/tools/modi/v2.0/modi_help.htmlに加えて:http://www.selectorgadget.com/ github.com/iterationlabs/selectorgadget/)

このhttps://github.com/josscrowcroft/Simple-JavaScript-DOM-Inspectorにも遭遇しました

残念ながら、私はjQueryを基にしたものを見つけていません。 しかし、「Javascript DOM Inspector」はこの種のことを探すのに正しいキーワードのようです。

7


http://getfirebug.com/lite.html[Firebug Lite]はどうでしょう - それは http://getfirebug.com/lite.html[Firebug]のようなものですが、あなたはそれをあなたのページに挿入します。ほとんどのブラウザのDOM(非FFブラウザを含む)

5


http://karmatics.com/aardvark/[Aardvark]は正式にはFirefoxの拡張機能ですが、JavaScriptライブラリとしても使用できます。 上記Webサイトのインラインデモは、JavaScriptを使用して実装されています。 コードを掘り下げる

5


私はこれを見つけました:http://userscripts.org/scripts/review/3006

そしてこれも大丈夫です:

http://snippets.dzone.com/posts/show/4513[DOMマウスオーバー要素の選択と分離]

これは、ほんの数行のコードで非常に簡単で、少しだけ編集して、私が望んでいたとおりのものを入手するのに適したものを提供してくれます。

5


http://getfirebug.com/[Firebug]はFirefox用の優れたソリューションです。 ページのHTML、JavaScript、DOM、ネットワークアクティビティなどを閲覧できます。 Safariにはかなり優れたツールも組み込まれています(私は現在Safari 4ベータを使用しています)。ただし、Firebugをナビゲートする方が簡単です。

2


ごく最近、私はJavaScriptを使ってアプリケーションを開発する必要がありました:誰かがこのサイトのイメージをクリックするとき、それは特定の場所にイメージURLを送ります。 これが私がそれを達成するのを助けた記事はここにあります:
– ドムインスペクタ用のJavascriptライブラリ]

そしてこれは the code

// 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==

関数DIOnMouseOver(evt){element = evt.target; // IEではありません

//要素の周囲に境界線を設定する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( '要素:' evt.target.toString() '\ n \ n選択:\ n \ n'選択); falseを返します。 }

document.addEventListener( "mouseover"、DIOnMouseOver、true); document.addEventListener( "mouseout"、DIOnMouseOut、true); document.addEventListener( "click"、DIOnClick、true);

2


はい、たくさんあります。 たとえば、Firefoxには* https://addons.mozilla.org/en-US/firefox/addon/6622 [DOM Inspector] https://addons.mozilla.org/en-US/firefox/addon/があります。 1843年[Firebug] 、https://addons.mozilla.org/en-US/firefox/addon/1802 [ X-Ray *]。 私はFirebugが個人的には3つの中で最高だと思います。

0


IE8の開発者ツール

0


http://www.backbase.com/products/enterprise-ajax/development-tools/#debugging[Backbase Debugger Application]を試してください。 I / Oインスペクタもあります。

0


私はいつもFirebugとFirefoxを使っていましたが、今はIE8のおかげで開発者ツールと呼ばれるとてもクールなツールを持っています。 マイクロソフトがやってくる!

0


タイトルとURLをコピーしました