How to make existing javascript/css files be compitable in Google Chrome?


Tags: javascript,css,google-chrome

Problem :

We have one existing web application which was running in IE browser. But because of some reasons, now we need install Google Chrome Frame plug-in in IE to make it be running just like in Google Chrome.

So now the biggest problem is that we need find the incompatible javascript and css codes and make it behave the same in google Chrome.

Are there any tools or easier ways to do that?



Solution :

The best thing to do is go through every problem one-by-one and fix it.

The Chrome developer tools (Control+Shift+J) are very good at pointing out various errors and problems.

  • Check the errors showing up in the JavaScript console, to see JavaScript errors, incorrect MIME types, missing files, etc.
  • Use the elements tab and mouse over the DOM to see elements get highlighted on your page. This will help you understand why certain CSS causes things to be placed in unexpected places. You can also change the CSS from here and see your result immediately.
  • The network tab might help you see AJAX requests

There are other tools available, but these will be most useful to you.


    CSS Howto..

    How to make a div box with display:flex clickable like display:block?

    HTML 5 / CSS (??) how to cause a div element to be on the next line?

    How can I get a CSS/jQuery animated menu similar to ajusto.com?

    how to use two css style in a div or span

    How do I remove the white space around my html forms?

    How to have img popout when containing div is clicked (Image gallery)?

    How to apply default CSS styling to all HTML pages

    how can I use of a php variable into a .css file

    How to style the tabs in primary menu links in a Drupal 7 subtheme?

    CSS: How to Solve this “Site-Is-Too-Big” Challenge?

    How to make URL change upon clicking through AJAX loaded menu?

    how to choose correct css class to change element

    Selenium: how to define css if webpage has mutiple elements with same name

    How to match all col height to row height in Bootstrap 3?

    How to get alternate colors div with pure css and with IE 7 support?

    how to combine multiple css class selectors for jquery buttonset?

    How to align a picture,name and the post with css like facebook does?

    How to achieve Expand collapse Side Nav with icon using jquery and boostrap css

    Jquery canvas cloud plugin - How to style canvas elements with CSS

    How can I have multiple jQuery button styles on one page?

    How do I apply properties to a previous sibling on hover?

    How to manipulate Firefox UI with Addon SDK?

    How can I change the entire background color of a page?

    How to “break line” via CSS?

    How to align more than one DIVs which list of letters to the center

    CSS - How to float correctly into pseudocolumns

    how to move 2 divs on hover with css

    How would you code this: The SO Menu [closed]

    How to use metro css with codeigniter?

    How to line up images in a horizontal row with CSS?