Create "inspect element" functionality in the browser [closed] - javascript

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
I'm working on a project where the user should be able to hover over / click arbitrary HTML elements, and the selected element is recorded programmatically. The desired functionality is similar to Chrome / Firefox's "inspect element" functionality.
Before rolling my own, has anyone found a good open source, cross-browser implementation?
Thanks!

Perhaps this is what you are looking for:
https://github.com/toolness/webxray
You would need to fork the project and modify it to fit your needs, but the "inspection" functionality already works.
You can see how it is used by Mozilla in here:
https://goggles.webmaker.org/en-US/

Related

Debugging JavaScript - Need a plugin solution suggestion [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
I am trying to see what Javascript functions are triggered when I do a certain action on a website. However, I can't seem to find a suitable solution that will be able to do this for me, and I can't manually go through the whole JS code since it's a lot, and I am not all that good with JS.
Any help would be appreciated.
Use Chrome and press the f12 key of your keyboard to display debugging interface. You can do step by step debugging from the 'Sources' tab.
Use Firebug (https://getfirebug.com/), a plugin for Firefox.
You might want to look into "Visual Event". It's a Chrome Extension that lets you inspect events that are bound to elements on the page. It also exists as a bookmarklet for other browsers.
It won't help you with all events that are happening on the page, but it at least shows you the ones that are bound to elements.

jsfiddle alternative on mobile? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
Is there a website similar to jsfiddle that can be accessed through a mobile. I want a website/tool that aids JavaScript/HTML/CSS development. Jsfiddle is very cumbersome when I use it on my phone (nexus 4).
Any suggestion on either online or offline tool is appreciated.
Thanks.
Maybe this one : http://jsbin.com/
Really simple and clean.
try http://jsdo.it/
It is supposed to scale down appropriately for a mobile device.

Product/system to make tutorials for how to use your website [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
If I'm not mistaken, I once stumbled across a product or something that let you make tutorials for your website using Javascript. Like, you could show the user directly how to do certain things with a virtual cursor, in-browser. Am I making this up, or is this a real thing?
Sorry if this question doesn't belong here (StackOverflow claims that it looks subjective and is likely to be closed).
You may be looking for this: http://amberjack2.org/
EDIT: More info here http://ajaxian.com/archives/amberjack-2-0-on-page-tutorials

Is there a JQuery plugin for the iPhone that will notify the user to "Bookmark" their app? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
Because it is not possible to force the iPhone to bookmark a webpage, I want a little arrow/bow to drop down to notify people to bookmark my mobile web page.
For any future viewers I would like to add http://cubiq.org/add-to-home-screen
I don't think your question is limited to the iPhone. There are several implementations of "sliding" panels/boxes implemented in jQuery.
Check out this one. It's a login panel that slides when you click it, but I'm sure you could adapt it to be a ribbon that slides down after the page is rendered.

Good jQuery options dropdown library? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
What's a good jQuery library where I can click the button, and a box (<div>) drops down, for options? Just a regular box, not too big not too small.
For what you're asking you don't need any additional library, as $('.divclass').slideDown() is a good starting point.
jQuery Thickbox has a lot of flexibility. It can show inline content, iframe content, simple images, AJAX and more. It would be easy to implement your own options form within an instance of it.

Categories