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
Is there a PHP-enabled webserver, that is tailor-made for debugging?
I want to be able to step thru code, both php and javascript. There has to
be something that makes web development less painful,
but it does not seem to be mainstream, or maby my google-fu is failing me.
Any help appritiated.
If you're on a windows machine, WampServer should does the job. It has XDebug which is really helpful. Regrading JavaScript Firebug and Chrome Dev-Tools are great. Except the web-server itself or PHP extensions like XDebug, a powerful IDE can help you a lot as well.
Within your source-code, Exception Handling could be extremely useful -- echo, print_r, var_dump and die are the other useful options, but not as powerful as Exceptions when it comes to get rid of a bug. console.log comes really handy in JavaScript as well.
Xdebug is what we use at the company I work at. It provides full stack information that is really helpful when trying to determine where something went wrong in the codebase.
Here's an example of the error messages you'll get with it.
Related
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 make a cross-browser plugin that detects images from a webpage like imgur and pinterest. I have been looking at crossrider...is that a good option? the API is tricky to understand. If anyone has experience with something like this or can give me a good starting point, i would really appreciate it.
In general, the Crossrider framework supports cross browser extension development and provides APIs and plugins to make it easier, but at the end of the day it's up to you to evaluate the framework and see whether it meets your needs. The tutorial you quoted relates to creating a bookmarklet extension and does not pertain to images.
For your specific requirement, there is an images plugin (see the Plugins page) that facilitates working with images on a page.
As #Lix correctly mentions, this is not the place to ask such general questions and hence I recommend that you start by reading the Crossrider docs and searching the forum. If you have any further general questions, email them to support#crossrider.com.
Of course, if you have any specific code related questions, Stack Overflow is another great place to get answers ;-)
[Disclosure: I am a Crossrider employee]
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 IDE that will debug HTML/PHP/Javascript on one page, there must be a more efficient way of error finding. Currently I'm using Dreamweaver and if I have a error in my JavaScript or PHP I'm forced to either copy and paste into another environment or read error messages on my testing server.
I've tried Microsoft Visual Studio and it seem like the learning curve is a little steep?! Is Netbeans advisable?
Ideally I would like to carry on using Dreamweaver then if need be just open the page in another IDE, debug, save and reopen in Dreamweaver.
I'm using Netbeans, which can use breakpoints in PHP using X-Debug. It was must-have for me, but now i hardly use the feature since i found the combination of php_error.log + custom log/error outputting easier.
For HTML and Javascript debuggin i simply use Chrome Developer Tools (Rightclick > Inspect, or keyboard shortcut CTRL+SHIFT+i). The Elements and Console tabs should help you out.
I see no reason to have PHP and JS debug output intertwined, as they never are. There is a linear path here: PHP builds HTML+JS, JS affects HTML, browser renders HTML.
There is also Embarcadero HTML5 Builder that is said to be highly integrated, i never used it though.
Not sure but WebStorm is pretty nice to debug Js. It also help for php and html.
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
Are there any basic debugging tools for HTML/CSS/JavaScript that would help to identify typos?
For times when "#fron" should be "#from". I'm not talking about the code itself, but for things like class names and ids.
I know there are robust IDEs, but just wondering if there are some fairly basic tools or extensions that I'm simply unaware of.
Before I post a question here, I try to review the code thoroughly, but I'm my own worst proofreader.
Two things I have found to be useful is this:
http://blog.whatwg.org/vnu-parser-1-4
I use deadweight for the css:
https://github.com/aanand/deadweight
Or ucss
https://github.com/operasoftware/ucss
And for my client side rendering, i grab the page contents with phantomjs, then run it by vnu and deadweight/ucss.
I would say check this out as well. Ran the first two examples through firebug's console and got exactly what your looking for.
Problem is the first(ilia choly's) shows only classes, although it's in an alert. The second example (MisterGreen's) is a lot cleaner, gives you both classes and ids but spits them into the console and gives you unnecessary results. Try it, pick one. No need to code it into your page. Worst part could be manually going through them all.
How to get list of Css class use in the HTML file?
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
I need to trace the javascript and web traffic upon clicking on a button in a certain page (POSTing).
I'd like to go about the code step by step. Is there a way to do that? (Not debugging my code, I need to see what happens in the browser to any site)
If you're looking to debug from the client side I find Google Chromes in built tools to be pretty handy.
You can find a nice introduction / overview of them here
http://getfirebug.com/
Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
Fiddler is wonderful: http://fiddler2.com/fiddler2/. It acts as a proxy, allowing you to inspect every step of the request/response cycle.
If you are on Windows, try HTTP Debugger as well.
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
I need to automatically check the style of javascript sources written by different people. Do you know of a good tool to do it? Integration with emacs would be a plus. Thank you in advance.
See EditorConfig. This tool is not limited to js though; You first install the plugin for your editor (there is an emacs plugin), and create a file named .editorconfig, whose content is the coding style.
I've recently updated the CodePainter project to work tightly with EditorConfig, so you can get the best of both worlds with JavaScript.
Please, spread the word. The project could use more traction and I could use more help.
Google JavaScript pretty print and JavaScript lint. Plenty of options, including JavaScript Lint and JSLint, among others.
There's also JSHint which has libraries for Rhino, JavaScriptCore, Windows Script Host and Ruby.
You're probably looking for the JS Code Sniffer: https://npmjs.org/package/jscodesniffer#a-standard