Does IE 8 Developer toolbar have something better than firebug ? How to use IE 8 Developer toolbar in a way like we use firebug in firefox.? Is there any good tutorial on "how to take good use of IE 8 Developer toolbar"?
If you're looking for something that mimics firebug in IE (your question is unclear), then there is Firebug Lite. If you're looking for a resource for learning about the IE8 Developer Toolbar there is this article and a number of other articles available via simple searches.
edit: got a more up-to-date link for the Dev Toolbar article
While the IE Developer's ToolBar, which was an addon for IE<8 and has been integrated into IE>8, is tightly integrated into IE and has it's own unique benefits for debugging IE specific issues, I find Firebug to be more conducive to general debugging scenarios.
That is my take on the first of your THREE questions ;-)
I will leave the rest to others.
Related
Do you know Audits tab from chrome's inspector? I just found out this tab's use and I think it is great but I wonder if the sugestions done there are reliable.
FOr example it says I shouln't use -webkit-border-radius, which seems right as it as a really old rule. Problem is... are this suggestions focused on a general good use of web developing for most common used browsers or are they refering to chrome only and more specifically to the current version of chrome?
If they're suggesting not too use a vendor specific prefix then that's because that rule has been pretty much accepted by everyone. The Google Chrome team have a lot to do with standards, as does Mozilla, Apple, Microsoft and Opera (along with many others).
A lot of the things are very generic performance guidelines to reduce page load time and you should be fine following them.
I never noticed this before, but IE's dev tools completely strip out CSS comments in the CSS tab. I'm working with a large front-end framework and need to wade through the dev version of the CSS -- mainly to cross-reference the documentation/comments. Am I missing a setting/flag/whatever, or am I out of luck?
Whilst not ideal I would have to suggest using firebug lite.
https://getfirebug.com/firebuglite
It will at least give you half decent tools to view these kind of things.
My web applications are designed in IE6 compatibility mode. Now I need to migrate to IE8, but most of my web pages are not in good allignment in IE8 browser. First I tried the compatibility view in IE8(the button near the address bar), but of no use. Then as per somebodies suggestion I have added the meta tag '' in the section of every html pages, but still it is not working. I am using Windows XP professional OS version 2002 with service pack3 and IIS version 5.1. I am not sure I can migrate to IE8 with this system configuration. Moreover I am a beginner in this session. Could somebody please explain how can I acheive this?
Thanks in advance,
Lakshmi.
A good place to start would be to open up the pages in a tool like visual studio and look at the list of violations listed. Go down the list and start fixing things that are deprecated or wrong. Notepad++ has an "HTML Tidy" feature that will reformat and correct some common mistakes. However, many of the problems that you are going to encounter are not trivial - as in the entire paradigm followed is probably wrong. Converting a site is, unfortunately not the type of thing that we can do by running the pages through a wizard. I would start by creating a new MasterPage (or global template for whatever framework) that uses CSS for formatting and layout. Then you can migrate blocks of text into the new "skeleton". Some of the CSS template sites offer really nice free templates. Hope this helps.
If this helps you, the new IE 9 has developer tools (F12) which allow you to use either the IE7, IE8 or IE9 rendering engines to view any page.
As a best practise, when making any content for the web you should be checking compatibility on at least the 3 main browsers (IE, Chrome, Firefox), and probably some of the others (Safari). There are Visual Studio add-ins that can help with this kind of thing, by choosing which browser(s) are used for debug mode.
Some of the developer tool suites also allow you to edit content in the browser which can be a big time saver. This lets you tweak CSS and HTML and see the results in real-time, you then just have to apply your changes to the original code. Chrome, FireFox and IE (newer versions) all have tools for this kind of thing, and/or free plug-ins.
You will find in IE8 that the behaviour is better than IE7 and IE6 but still far from perfect, but should notice that the behaviour across Firefox, Chrome, Safari etc is fairly consistent.
Hallo all.
I need a tool similar to firebug with ie6 to edit css live.
I tried to use ie developer toolbar but in ie6 seems not to let you edit the DOM as wanted.
Is there any tool around?
Kind regards
Massimo Ugues
There's one but it's pretty buggy.
It's called cssVista.
I am using version 0.1.5.3.
I've not checked to see if you can change or edit CSS live in it, but I've used Firebug Lite in Internet Explorer in the past. You might want to check it out.
I've heard great things about Adobe Dreamweaver CS 5, it has this feature. I also here that where other software has failed (things like Drupal with a bazillion nested CSS files), Dreamweaver CS 5 handles well.
I need to upgrade a ASP.NET website for IE8. it works fine in IE6, but not in IE8. I don't want to run it in any backward compatibility mode. I would like to make any code changes that are required to make it fully compliant with IE8/Firefox. what is the best and/or easiest way to do that? is it just a case of going through each of the things that are broken and fixing them one by one or is there a more efficient way to fix these issues (some kind of utility??). thanks in advance.
Well there is no tool or utility to fix cross browser compatibility issues. You can make use of firebug(firefox) and IE developer toolbar to identify the points where the website is breaking.
But the good part is that you are upgrading from IE6. I dont think there will be major hiccups or problems making the website compatible with IE8 since its much better in rendering HTML as compared to IE6.
If you have expression web, you could use SuperPreview: http://expression.microsoft.com/en-us/dd565874.aspx
THis is a great tool that allows you to compare you site in different browsers.
Yes, you do have to go through each browser incompatibility bug and fix it for that browser. A bug can be fixed in 3 ways (listed in my order of preference):
Start with a very compliant browser, then look at the page in other browsers (I focus on Chrome/Safari/Firefox/IE6-7-8-9)
Use different CSS technique, that ends up rendering the same in all browsers
Use IE Conditional Comments to bring in another CSS for that browser leveraging the CSS "Cascade"
Use CSS Hacks as a last resort (usually only for Firefox or something)
But "go through each browser" can be the tricky part! There are some tools to help.
#Brian mentioned SuperPreview for Expression Web (+1), but there's also a free version of SuperPreview for Internet Explorer for those who don't have Expression Web.
You can compare different versions of IE on the same machine (hard before this product). Microsoft claims this sub-set of the Expression Web product will always be free (since they feel bad about IE6!).
IE6-7-8-9 tool is good enough for me, because I tend to focus on all versions of IE, but only the latest versions of Chrome/Safari/Firefox.
But if you must test against multiple versions of other browsers:
Expression Web SuperPreview
How to Use Multiple Browsers on a Single Machine
10 Helpful Resources for Cross Browser Testing
(Although Litmus seems to have dropped general web page support, and instead focuses on email client compatibility and campaign analytics.)