[B! firebug] kitokitokiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kitokitoki id:kitokitoki

firebugã«é–¢ã™ã‚‹kitokitokiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (37)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

è¦šãˆã¦ãŠããŸã„DevToolsã®ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³APIã¾ã¨ã‚ - Qiita
DevToolsã€ä½¿ã£ã¦ã¾ã™ã‹ï¼Ÿ ã‚‚ã¯ã‚„Chromeã˜ã‚ƒãªã„ã¨é–‹ç™ºã§ããªã„ãã‚‰ã„ã«é£¼ã„æ…£ã‚‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ–ãƒ¬ãƒ¼ã‚¯ãƒã‚¤ãƒ³ãƒˆã‚„console.logãªã©åŸºæœ¬çš„ãªä½¿ã„æ–¹ã‹ã‚‰ã€Timelineã¨Auditsã‚’ä½¿ã£ã¦ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹è¨ˆæ¸¬ãªã©ãªã©ã€DevToolsã®ãƒãƒ†ãƒ³ã‚·ãƒ£ãƒ«ã¯è¨ˆã‚ŠçŸ¥ã‚Œã¾ã›ã‚“ã€‚ å€‹äººçš„ã«ã¯Console APIãŒå¥½ããªã‚“ã§ã™ãŒã€ä»Šå›žã¯Consoleãƒ‘ãƒãƒ«ã§ä½¿ãˆã‚‹ Command Line API ã®ä½¿ã„æ–¹ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ $_ $_ã«ã¯æœ€å¾Œã«è©•ä¾¡ã—ãŸå¼ã®çµæžœãŒä¿å˜ã•ã‚Œã¦ã„ã¾ã™ã€‚ Consoleä¸Šã§è¨ˆç®—ã‚’è¡Œãªã£ãŸå ´åˆã‚„ã€$ã‚»ãƒ¬ã‚¯ã‚¿ãªã©ã§DOMã‚’æ¤œç´¢ã—ãŸçµæžœãªã©ã€æœ€å¾Œã®çµæžœãŒå¸¸ã«ä¿å˜ã•ã‚Œã¾ã™ã€‚ $0 ã€œ $4 $0ã‹ã‚‰$4ã«ã¯Elementsãƒ‘ãƒãƒ«ã§é¸æŠžã—ãŸè¦ç´ ãŒ5ã¤ä¿å˜ã•ã‚Œã¦ã„ã¾ã™ã€‚$0ãŒæœ€å¾Œã«é¸æŠžã—ãŸè¦ç´ ã§æ•°å—ãŒå¢—ãˆã‚‹ã”ã¨ã«éŽåŽ»ã«é¸æŠžã—ãŸè¦ç´ ã«ãªã‚Šã¾ã™ã€‚ $0ã¯ç‰¹ã«ä½¿ã„ã‚„
kitokitoki 2014/04/17
firebug

debug

javascript
ãƒªãƒ³ã‚¯
Backbone debugger for Firebug.
Backbone Eye Understand Backbone application behavior without debugging JavaScript Tweet Follow for updates Application layer debugging Understand Backbone application behavior without wading through JavaScript code. Backbone Eye is production-site friendly and can work off uglified and minified Javascript without needing any source maps. Work with application constructs Backbone Eye presents appl
kitokitoki 2013/09/03
firebug

backbone.js
ãƒªãƒ³ã‚¯
Chrome Developer Tools - monitorEvents - Brian Grinstead
I have been playing with the Chrome Developer Tools lately. Here is a cool feature I didn't know about. There are many times I have run some code in the console simply to bind to an event and simply log the result. $("body").bind("click mousedown", function(e) { console.log(e); }); There is a built in alternative called monitorEvents. Here is a quick demo on how to use it: Inspect an element (see
kitokitoki 2013/07/28
commandlineapi

firebug

chromedevtools
ãƒªãƒ³ã‚¯
ç¬¬3å›žã€€Command Line APIã¨ãã®æ´»ç”¨ã€å„ã‚¿ãƒ–ã‹ã‚‰ã®ãƒ‡ãƒãƒƒã‚°æ–¹æ³• | gihyo.jp
Firefox 3ã¨Firebugã§å§‹ã‚ã‚‹JavaScripté–‹ç™º ç¬¬3å›žCommand Line APIã¨ãã®æ´»ç”¨â â ã€å„ã‚¿ãƒ–ã‹ã‚‰ã®ãƒ‡ãƒãƒƒã‚°æ–¹æ³• ã•ã¦ã€å‰å›žã¯Console APIã®è§£èª¬ã¨ãã‚Œã‚’åˆ©ç”¨ã—ã¦ã®ãƒ‡ãƒãƒƒã‚°ã«ã¤ã„ã¦ç°¡å˜ãªè§£èª¬ã‚’è¡Œã„ã¾ã—ãŸã€‚ ä»Šå›žã¯ã€Firebugã«å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã‚‚ã†1ã¤ã®APIã§ã‚ã‚‹ã€Command Line APIã‚„ã€å„ã‚¿ãƒ–ã®æ©Ÿèƒ½ã‚’åˆ©ç”¨ã—ã¦ã®ãƒ‡ãƒãƒƒã‚°æ–¹æ³•ã«ã¤ã„ã¦è§£èª¬ã‚’ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ Command Line API Command Line APIã¯Firebugã®Consoleã‚¿ãƒ–ã‹ã‚‰åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ãŸã ã—ã€ã‚°ãƒãƒ¼ãƒãƒ«ã§ã™ã§ã«åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹åå‰ã«ã¤ã„ã¦ã¯åˆ©ç”¨ã§ãã¾ã›ã‚“ã€‚ä¾‹ãˆã°Prototypeã‚„jQueryãŒåˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ãƒšãƒ¼ã‚¸ã®Consoleã§ã¯$()é–¢æ•°ã¯ãã‚Œã‚‰ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã‚‚ã®ãŒå®Ÿè¡Œã•ã‚Œã¾ã™ã€‚ åˆ©ç”¨ã§ãã‚‹APIã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ $(id
kitokitoki 2013/07/28
firebug

chromedevtools

commandlineapi
ãƒªãƒ³ã‚¯
FireStorage Plus! â€“ Add-ons for Firefox
kitokitoki 2013/07/26
firebug

firefox-on

firefox

webstrage

LocalStorage
ãƒªãƒ³ã‚¯
Eventbug (alpha) Released | Software is hard
Published:October 29th, 2009 Comments:28 Comments Category:Eventbug, Firebug, Planet Mozilla We have made a great further progress with John J. Barton on a new extension for Firebug called Eventbug. Big thanks to Olli Pettay (smaug) for fixing #448602 + #506961 and providing new Firefox APIs that allow enumerating event listeners on a web page! Notice that these APIs are available in Firefox 3.7a1
kitokitoki 2012/09/23
DOM ã«ç´ã¥ãã‚¤ãƒ™ãƒ³ãƒˆã®è¡¨ç¤º

firefox-on

firefox

firebug
ãƒªãƒ³ã‚¯
FirePath â€“ Get this Extension for ðŸ¦Š Firefox (ja)
With FirePath you can: * Edit XPath expressions, CSS3 selectors and JQuery selectors (Sizzle selector engine) with auto completion for XPath (using TAB or up and down arrows). * Evaluate the expression/selector on any HTML or XML documents. * Display the result of evaluations in a Firebug-like DOM tree. * Highlight the results directly on the document displayed by Firefox (works only with HTML doc
kitokitoki 2012/06/28
firebug
ãƒªãƒ³ã‚¯
Firecookie â€“ Get this Extension for ðŸ¦Š Firefox (ja)
Firecookie has been integrated with Firebug 1.10 (currently beta) so you don't need install Firecookie for this Firebug version. Cookie manager for Firebug. Firebug has to be installed in order to use this extension. Use this extension to create a new cookie, delete existing cookies, see list of cookies for current site, manage cookies permissions and a lot more. Use http://code.google.com/p/fbug/
kitokitoki 2012/06/21
firebug

cookie
ãƒªãƒ³ã‚¯
Eventbug - monjudohâ€™s diary
Eventbug (alpha) Released | Software is hard JavaScriptã§è²¼ä»˜ã‘ã‚‰ã‚ŒãŸeventã‚’è¦‹ã‚‹ã“ã¨ãŒã§ãã‚‹Firebugã®extensionã€‚ ç¾åœ¨ã¯Firefox3.6b2ä»¥é™ã€Firebug1.5b1ä»¥é™ã˜ã‚ƒãªã„ã¨å‹•ã‹ãªã„ã€‚ http://www.mozilla.com/en-US/firefox/all-beta.html http://getfirebug.com/releases/firebug/1.5X/
kitokitoki 2012/05/06
firebug
ãƒªãƒ³ã‚¯
ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ã£ã‹ã‚Šç¢ºèªã§ãã‚‹Firefoxã®ã‚¢ãƒ‰ã‚ªãƒ³ -Pixel Perfect
Pixel Perfectã¯ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒ”ã‚¯ã‚»ãƒ«å˜ä½ã§ã—ã£ã‹ã‚Šç¢ºèªã§ãã‚‹Firefoxã®ã‚¢ãƒ‰ã‚ªãƒ³ã§ã™ã€‚ Pixel Perfect Pixel Perfectã¯æŒ‡å®šã—ãŸç”»åƒã‚’Firefoxä¸Šã«é‡ãã¦è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã§ãã€ç”»åƒã®ãƒã‚¸ã‚·ãƒ§ãƒ³ã‚„ä¸é€æ˜Žåº¦ã‚’å¤‰æ›´ã—ãªãŒã‚‰ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç¢ºèªã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ç”»åƒã‚’é‡ãã¦è¡¨ç¤ºã•ã›ã‚‹ã«ã¯ã€ã€ŒAdd overlayã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ç”»åƒã‚’ç™»éŒ²ã—ã¾ã™ã€‚
kitokitoki 2012/05/01
firebug
ãƒªãƒ³ã‚¯
JavaScript ã§ç°¡å˜ã«ã‚¹ã‚¿ãƒƒã‚¯ãƒˆãƒ¬ãƒ¼ã‚¹ã‚’å–ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
Firebug ã‚’ä½¿ã†ã¨ console.trace(); ã“ã‚Œã ã‘ã§ã‚¹ã‚¿ãƒƒã‚¯ãƒˆãƒ¬ãƒ¼ã‚¹ã‚’å–ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ã§ã‚‚ã€ XUL ã®é–‹ç™ºã¨ã‹ã€äººã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ Firebug ãŒå…¥ã£ã¦ãªã„æ™‚ã¨ã‹ã¯å‡ºæ¥ãªã„ã®ã§ã€ ãã†ã„ã†æ™‚ã¯ã€ alert(Error().stack); ã“ã‚Œã ã‘ã§å‡ºæ¥ã¾ã™ã€‚ã¾ã‚ Firefox only ã§ã™ãŒã€‚
kitokitoki 2011/12/21
todo

firebug
ãƒªãƒ³ã‚¯
FireQuery - jQueryã‚’æ‰±ã†éš›ã«ä¾¿åˆ©ãªFirebugæ‹¡å¼µ - - monjudohâ€™s diary
FireQuery is a Firebug extension for jQuery development jQueryã‚’æ‰±ã†éš›ã«ä¾¿åˆ©ãªFirebugæ‹¡å¼µ ç¾åœ¨ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯0.3 çµæ§‹å‰ã«ç´¹ä»‹ã•ã‚Œã¦ã„ãŸã‘ã©ã€ã¡ã‚ƒã‚“ã¨ä½¿ã„ã“ãªã›ã¦ããŸæ„Ÿã˜ãªã®ã§ç´¹ä»‹ã™ã‚‹ã€‚ ä»¥ä¸‹ã€å„æ©Ÿèƒ½ã«ã¤ã„ã¦ç´¹ä»‹ã¨è§£èª¬ã€‚ jQueryã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®consoleã¸ã®è¡¨ç¤º jQueryã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’Firebugã®consoleã¸ã®å‡ºåŠ› 1.2ç³»ã®å ´åˆé€šå¸¸ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¨ã—ã¦è¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã„ã©ã®è¦ç´ ã‚’æŠ±ãˆã¦ã„ã‚‹ã‹ã±ã£ã¨è¦‹ã¦æŠŠæ¡å‡ºæ¥ãªã„ã€ 1.3ç³»ã®å ´åˆã¯é€šå¸¸ã®é…åˆ—ã¨åŒã˜ã‚ˆã†ã«è¡¨ç¤ºã•ã‚Œã‚‹ã€‚ jquery12.fn.jquery;// 1.2.6 jquery12('div');// Object length=6 0=div#main 1=div#outer1.outer jquery13.fn.jquery;// 1.3
kitokitoki 2011/11/05
data()

jquery

firebug
ãƒªãƒ³ã‚¯
firebug ã®ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã®å®Ÿè¡Œãƒœã‚¿ãƒ³ã‚’ xxx.click() ã¨ã„ã£ãŸæ–¹å¼ã§ã‚¯ãƒªãƒƒã‚¯ã—ãŸã„å ´åˆã® xxx ãŒã‚ã‹ã‚‹ã§ã—ã‚‡ã†ã‹ã€‚â€¦
firebug ã®ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã®å®Ÿè¡Œãƒœã‚¿ãƒ³ã‚’ xxx.click() ã¨ã„ã£ãŸæ–¹å¼ã§ã‚¯ãƒªãƒƒã‚¯ã—ãŸã„å ´åˆã® xxx ãŒã‚ã‹ã‚‹ã§ã—ã‚‡ã†ã‹ã€‚ firefox æ‹¡å¼µã® keysnail ã®æ‹¡å¼µ Firebugnail( https://github.com/mooz/keysnail/wiki/plugin/ ) ã§ã‚ã‚‹ç¨‹åº¦ãƒžã‚¦ã‚¹ãªã—ã®æ“ä½œãŒè¡Œãˆã‚‹ã®ã§ã™ãŒã€è‚å¿ƒã®å®Ÿè¡Œã‚’ã‚ãƒƒã‚¯ã™ã‚‹éƒ¨åˆ†ã§ãƒžã‚¦ã‚¹ã‚’æ¡ã£ã¦ã—ã¾ã†ã“ã¨ã«ãªã‚Šå›°ã£ã¦ã„ã¾ã™ã€‚
kitokitoki 2011/10/29
firebug

keysnail

dominspector
ãƒªãƒ³ã‚¯
Javascript Deminifier â€“ Get this Extension for ðŸ¦Š Firefox (ja)
The plugin uses the algorithm from jsbeautifier.org to beautify javascript. It will only apply the beautification to content served with the mime types 'application/javascript', 'text/javascript' or 'application/x-javascript'. These content types can be changed by modifying the "extensions.jsdeminifier.contenttypes" preference. The plugin can be enabled and disabled for a tab by clicking on the JS
kitokitoki 2011/10/29
addon

firefox

firebug
ãƒªãƒ³ã‚¯
NetExport | Software is hard
NetExport is a Firebug extension that allows exporting all collected and computed data from the Net panel. The structure of the created file uses HTTP Archive (HAR) format (based on JSON). Manual HAR export is natively supported by Firefox 42+. Implementing automated export by triggering HAR export directly from within the page is supported by an extension HAR Export Trigger. This is the recommend
kitokitoki 2011/10/29
addon

firefox

firebug
ãƒªãƒ³ã‚¯
Firecookie â€“ Get this Extension for ðŸ¦Š Firefox (en-US)
Firecookie has been integrated with Firebug 1.10 (currently beta) so you don't need install Firecookie for this Firebug version. Cookie manager for Firebug. Firebug has to be installed in order to use this extension. Use this extension to create a new cookie, delete existing cookies, see list of cookies for current site, manage cookies permissions and a lot more. Use http://code.google.com/p/fbug/
kitokitoki 2011/10/29
firefox-on

firefox

firebug
ãƒªãƒ³ã‚¯
Getting Started
In addition to Cookies necessary for this site to function, weâ€™d like your permission to set some additional Cookies to better understand your browsing needs and improve your experience. Rest assured â€” we value your privacy.
kitokitoki 2011/10/29
addon

firefox

firebug
ãƒªãƒ³ã‚¯
FireCurl â€“ Get this Extension for ðŸ¦Š Firefox (ja)
*don't use this -- use Chrome Developer Tools' "Copy as cURL", which is much more complete* Copy and paste a curl command line for any request in the Firebug Net Panel. Firefox å°‚ç”¨ â€” ä»Šã™ã Firefox ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰
kitokitoki 2011/10/22
firefox-on

firefox

firebug
ãƒªãƒ³ã‚¯
Firefinderã¯JavaScriptãƒ—ãƒã‚°ãƒ©ãƒžä»¥å¤–ã‚‚ä½¿ã†ã¹ã - monjudohâ€™s diary
Firefinderã¨ã¯ä½•ã‹ï¼Ÿ https://addons.mozilla.org/en-US/firefox/addon/11905/ CSSã‚»ãƒ¬ã‚¯ã‚¿ã‚„XPathã§è¦ç´ ã‚’æ¤œç´¢å‡ºæ¥ã‚‹Firebugã®æ‹¡å¼µã§ã™ã€‚ ã©ã‚“ãªäººã«ãŠå‹§ã‚ã‹ï¼Ÿ hiddenãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®å€¤ã‚’é–²è¦§ã—ãŸã‚Šã€ formã®ã©ã®è¦ç´ ã®nameãŒä½•ã‹ã¨ã‹ã•ãã£ã¨è¦‹ãŸããªã‚‹ã“ã¨ãªã„ã§ã™ã‹ï¼Ÿ ã‚ã‚‹ãªã‚‰ãŠå‹§ã‚ã§ã™ã€‚ Firebugã«ã¯æ—¢ã«$$ã¨ã„ã†CSSã‚»ãƒ¬ã‚¯ã‚¿ã§è¦ç´ ã‚’æ¤œç´¢å‡ºæ¥ã‚‹é–¢æ•°ãŒã‚ã‚‹ã‚“ã ãŒï¼Ÿ CSSã‚»ãƒ¬ã‚¯ã‚¿ã®ã‚µãƒãƒ¼ãƒˆã®åº¦åˆã„ãŒé•ã„ã¾ã™ã€‚ $$é–¢æ•°ã§ã¯åŸºæœ¬çš„ãªCSSã‚»ãƒ¬ã‚¯ã‚¿ã—ã‹ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ãªã„ã®ã§ã€ ä¾‹ãˆã°ã€ã“ã“ãªã‚‰ã€http://images.google.co.jp/advanced_image_search?hl=ja $$('input'); // [input, input ja, input Google æ¤œç´¢, i
kitokitoki 2011/10/12
firebug

firefox

addon
ãƒªãƒ³ã‚¯
Word pressã®ãƒ†ãƒ¼ãƒžã¯ firephpã§ãƒãƒƒã‚¯ã™ã‚Œã° è‰¯ã‹ã£ãŸã®ã‹
YAPC::Asia 2014 - åŠç«¯ãªPHPDisã§PHPerã«é™°ã§ç¬‘ã‚ã‚Œãªã„ãŸã‚ã®Perl Mongerå‘ã‘æœ€æ–°PHPäº‹æƒ…
kitokitoki 2011/08/28
firebug

FirePHP
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸