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 can I style a JavaFX menu and its items in CSS?

    Nginx server (not showing changes) - Delete cache?

    How to style a table from horizontal layout to vertical layout with CSS

    How To Center A CSS Drop Down Menu [closed]

    How to apply CSS class to a split string

    How do I get this CSS to work in safari

    How to load CSS on PC and Mobile by jQuery?

    Dropdown list showing vertically in Internet explorer

    How can I eliminate all space between block divs?

    How do I make it impossible to highlight text using CSS?

    How do I apply a max-width to an input field form-control with a trailing secondary button in Bootstrap 3?

    inline svg - how to apply browser default styles to xhtml in foreignObject?

    How to get html elements from different class xpath?

    how to: dynamically switch css page

    How to Overcome Bootstrap's Default Styling? Element targeting issues?

    How to apply a css class to master page based on the url using jquery? [closed]

    How to output compiled CSS files to a different production folder using grunt and grunt-contrib-less

    How to create a Horizintal menu using CSS, and showing a div for an item when the item clicked

    How to style html element directly (inline)?

    How can I create facebook style vertical border line (layout)? :)

    How can a URL fragment affect a CSS layout?

    How to determine if a device is in portrait or landscape mode using CSS

    How to load CSS for different URL in spring MVC app

    How to customize the CSS of a theme generated with the ThemeBuilder?

    How do I get 3 horizontal divs to stack in different vertical order or flow when browser width decreases?

    How can I tell a scrollbar to always start at the bottom with CSS?

    How to position two divs on the absolute front of a page, but with one over the other? CSS

    How to remove Width and Height values of an Image with css?

    How to keep my hover unchanged after it's release

    How do I align these pictures vertically?