When someone develops a website going live itu2019s like a dream come true. Ihave also seen one of my friends so excited as he was just about to launch hiswebsite. When he finally hit the green button some unusual trend camesuddenly into his notice. After going into details he found out that thewebsite has a very high bounce rate on Mobile devices. Thanks to googleanalytics he was able to figure that out.The website was unbelievable on mobile devices all the elements left theirplace and logo was not even fit to screen. That day taught him a lesson andhe passed me on the same u2018Go through a checklist for cross browser testingbefore going liveu2019.Cross browser testing is very necessary in this digital world where everyoneis browsing the website on a different platform OS browser and you canu2019teven think of that beforehand. Formulating a perfect cross browser testingstrategy might help you in that but sometimes even after that you need to beprepared for some unwelcomed bugs. But a proper checklist might help youavoid them or figure them out before anyone else does.Handy Requirements For Using The Cross Browser Testing Checklist 1. Before going on for the checklist you need to make sure that you know how to perform cross browser testing. 2. If you are going to perform cross browser testing you must need what all browsers and devices are you going to test on. So formulate a proper cross browser testing strategy. 3. When done with cross browser testing strategy make sure you can access your local website on some cross browser testing tool. Some tools like LambdaTest provides you the flexibility to connect your locally hosted websites or web apps to test on cloud for cross browser testing using SSH tunnel feature. So decide your perfect cross browser testing tool. 4. Keep mobile devices handy or you can also set up emulators or simulators. If you want avoid that too use a platform that can pryou all the devices handy.Once done with the prerequisites the immediate step is to go through thechecklist.The Ultimate Checklist For Cross Browser Tests Before Going LiveAlignment of Elements in All BrowsersMake sure that the elements are in the correct place that you intend them tobe in.Verification of SSL in Various Browsers If you have faced this error one of the reasons can be that your websiteu2019sSSL certificate doesnu2019t support some of the browser versions. If your user tryto access your website those browser versions then they might not be able toaccess it at all. So check your websiteu2019s SSL certificates in all browsersbefore going live.Rendering of Font in Different Browsers Who donu2019t love beautiful fonts on their website however they can causeblunders if they donu2019t render properly. Rendering of fonts is highly affectedby the browser in which your site is being browsed. So you need to make surethat your fonts render the same in every web browser.Read more on Fonts and Browser Compatibility.Compatibility of Media Elements with Diverse Browsers Videos are the most loved form of media nowadays. Web designers and developershave been taking advantage of the fact and you can easily find either a demovideo or some tutorial video running on the homepage of a website. But browsercompatibility can cause you trouble if you some use unsupported media elementsand thatu2019s not restricted just to videos but to images as well. So beforegoing live make sure that you use those elements that are supported in allbrowsers or you have a fallback for unsupported elements so that your usersdonu2019t face thisUnderstand Multimedia compatibility with Different Browsers in detail in ourblog.Are Your APIs Connected in All Browsers API calls are also dependent upon browsers. Some browsers acknowledges APIrequests while others might avoid this or throw you an error. Before goinglive always be sure that the APIs that youu2019re using are connected in everybrowser. Because there are some browsers like Opera Mini that donu2019t supportAPIs like Websocket.Also some API call methods like getUserMediaStream will throw you an erroron Opera Mini iOS Safari 10.3 IE 11. So you need to be sure that your APIsare browser compatible before going live else when you are on the publicserver your users might face unconnected to the worlds.Make Sure You Validate Your CSS And HTML Tags left open can be nightmares for developers and horrifying for the usersif they see the code live on screen. So itu2019s mandatory to make sure that thecode is clean and properly validated. W3schools have a soft corner for thesame. You can easily validate your HTMLJS and CSS before going live on toolslike W3C Markup validation service Free Formatter or JS Formatter W3C CSSValidation Service u2023 W3 Jigsaw or CSS Validation Service.Browser Compatibility issues can be found to a greater extent using thesetools and you can further proceed with solving them.Read more on Finding Cross Browser Compatibility Issues in HTML and CSS.After checking out all the major compatibility issues you need to perform around of cross browser testing in general taking of minor but importantfactors like Alignment of elements Are all the elements aligned the way you want them to. Pop Ups Check if the pop ups are being displayed properly and are opening in all browsers. Alignment of checkboxes Checkboxes can cause problems in many browsers. Make sure that your checkboxes are aligned and in proper working condition. Alignment and functioning of Buttons Buttons hold a major part when it comes to CTAs or any other action so you need to be sure that they are aligned and properly working across diverse browsers. URLs redirection from buttons Check the links to which the buttons are redirecting. Drop down Menus Verify that the drop downs work as expected across all browsers. Forms and Form APIs Make sure that the forms take in data and the data is transferred to the collecting API endpoint intact. GridsTables Check the alignment and location of tables and grids if any across every browser. Sessions and cookies If your website uses cookies verify that the prompt is there and it works accordingly. Dates Test if the date formats as decided in every browser. Zoom in and Zoom out functionality Check if the zoom in and zoom out functionality works properly and doesnu2019t break the UI when in action. Appearance of scroll Check if the scroll is present on both horizontal and vertical bars and is functional. Flash Make sure that Flash supported videos animations RIAs and applications work cross browser. HTML animations Verify if your animations load across all browsers. Mouse hovering Check if the mouse adjusts to the button text box link and white space accordingly. Image alignment Make sure that all the images are aligned and in place across different browsers. Alt tags Alttags are again important and we need to be sure that they are in place.And everything else that you can think of in every possible browser OS anddevice combination.But you might need a perfect cross browser testing tool which can help you inperforming cross browser testing locally.Once youu2019re done with performing this cross browser testing checklist youu2019reall set to go live and hit the green button. I hope you might not face thesituation like my friend because youu2019re smart enough not to repeat the samemistake.Let us know if I missed something that should be included in the checklist inthe comments section belowTill then Happy Testing and all the best for the launchOriginally published Cross Browser Testing Checklist Before Going Live