{"id":24041,"date":"2008-09-05T00:00:00","date_gmt":"2008-09-05T00:00:00","guid":{"rendered":"https:\/\/alienroad.com\/google-bilgi-bankasi\/workin-it-on-all-browsers\/"},"modified":"2008-09-05T00:00:00","modified_gmt":"2008-09-05T00:00:00","slug":"workin-it-on-all-browsers","status":"publish","type":"ar_kb","link":"https:\/\/alienroad.com\/google-bilgi-bankasi\/workin-it-on-all-browsers\/","title":{"rendered":"Workin&#8217; it on all browsers"},"content":{"rendered":"<aside class=\"key-point\">It&#8217;s been a while since we published this blog post. Some of the information may be outdated (for example, some images may be missing, and some links may not work anymore).<\/aside>\n<p class=\"gargardate\">Friday, September 05, 2008<\/p>\n<p>\n  To web surfers,<br \/>\n  <a href=\"https:\/\/www.google.com\/chrome\" class=\"external-link\">Google Chrome<\/a><br \/>\n  is a quick,<br \/>\n  <a href=\"https:\/\/googleblog.blogspot.com\/2008\/09\/fresh-take-on-browser.html\" class=\"external-link\">exciting new browser<\/a>.<br \/>\n  As webmasters, it&#8217;s a good reminder that regardless of the browser your visitors use to access<br \/>\n  your site&mdash;Firefox, Internet Explorer, Google Chrome, Safari, etc.&mdash;browser<br \/>\n  compatibility is often a high priority. When your site renders poorly or is difficult to use on<br \/>\n  many browsers you risk losing your visitors&#8217; interest, and, if you&#8217;re running a monetized site,<br \/>\n  perhaps their business. Here&#8217;s a quick list to make sure you&#8217;re covering the basics:\n<\/p>\n<h2 id=\"ensure-browser-compatibility-by-focusing-on-accessibility\" tabindex=\"-1\">Ensure browser compatibility by focusing on accessibility<\/h2>\n<p>\n  The same techniques that make your site more accessible to search engines, such as static HTML<br \/>\n  versus fancy features like AJAX, often help your site&#8217;s compatibility on various browsers and<br \/>\n  numerous browser versions. Simpler HTML is often more easily cross-compatible than the latest<br \/>\n  techniques.\n<\/p>\n<h2 id=\"consider-validating-your-code\" tabindex=\"-1\">Consider validating your code<\/h2>\n<p>\n  If your code<br \/>\n  <a href=\"https:\/\/validator.w3.org\/\" class=\"external-link\">passes validation<\/a>,<br \/>\n  you&#8217;ve eliminated one potential issue in browser compatibility.<br \/>\n  <a href=\"https:\/\/validator.w3.org\/docs\/why\" class=\"external-link\">With validated code<\/a>,<br \/>\n  you won&#8217;t need to rely on each browsers&#8217; error handling technique. There&#8217;s a greater chance that<br \/>\n  your code will function across different browsers, and it&#8217;s easier to debug potential problems.\n<\/p>\n<h2 id=\"check-that-its-usable-not-just-properly-rendered\" tabindex=\"-1\">Check that it&#8217;s usable (not just properly rendered)<\/h2>\n<p>\n  It&#8217;s important that your site displays well; but equally important, make sure that users can<br \/>\n  actually use your site&#8217;s features in their browser. Rather than just looking at a snapshot of<br \/>\n  your site, try navigating through your site on various browsers or adding items to your shopping<br \/>\n  cart. It&#8217;s possible that the clickable area of a linked image or button may change from browser<br \/>\n  to browser. Additionally, if you use JavaScript for components like your shopping cart, it may<br \/>\n  work in one browser but not another.\n<\/p>\n<h2 id=\"step-4:-straighten-out-the-kinks\" tabindex=\"-1\">Step 4: Straighten out the kinks<\/h2>\n<p>\n  This step requires some trial and error, but there are several good places to help reduce the<br \/>\n  &#8220;trials&#8221; as your make your site cross-browser compatible.<br \/>\n  <a href=\"https:\/\/code.google.com\/doctype\/\" class=\"external-link\"><span>Doctype<\/span><\/a><br \/>\n  is an open source reference with test cases for cross-browser compatibility, as well as CSS tips<br \/>\n  and tricks.\n<\/p>\n<p>\n  For example, let&#8217;s say you&#8217;re wondering how to find the offset for an element on your page. You<br \/>\n  notice that your code works in Internet Explorer, but not Firefox and Safari. It turns out that<br \/>\n  certain browsers are a bit finicky when it comes to finding the offset\u2014thankfully contributors to<br \/>\n  <span>Doctype<\/span><br \/>\n  <a href=\"https:\/\/code.google.com\/p\/doctype\/wiki\/ArticlePageOffset\" class=\"external-link\">provide the code<\/a><br \/>\n  to work around the issue.\n<\/p>\n<h2 id=\"share-your-browser-compatibility-tips-and-resources\" tabindex=\"-1\">Share your browser compatibility tips and resources!<\/h2>\n<p>\n  We&#8217;d love to hear the steps you&#8217;re taking to ensure your site works for the most visitors. We&#8217;ve<br \/>\n  written a more<br \/>\n  <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/accessibility-web-dev\/\">in-depth Help Center article<\/a><br \/>\n  on the topic which discusses such things as specifying a character encoding. If you have<br \/>\n  additional tips, please share. And, if you have browser compatibility questions regarding search,<br \/>\n  please ask!\n<\/p>\n<p class=\"byline-author\">Written by <a href=\"https:\/\/developers.google.com\/search\/blog\/authors\/maile-ohye\">Maile Ohye<\/a>, Developer Programs Tech Lead<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It&#8217;s been a while since we published this blog post. Some of the information may be outdated (for example, some images may be missing, and some links may not work anymore). Friday, September 05, 2008 To web surfers, Google Chrome is a quick, exciting new browser. As webmasters, it&#8217;s a good reminder that regardless of [&hellip;]<\/p>\n","protected":false},"menu_order":85873,"template":"","meta":{"footnotes":""},"ar_kb_kategori":[665],"ar_kb_etiket":[],"class_list":["post-24041","ar_kb","type-ar_kb","status-publish","has-post-thumbnail","hentry","ar_kb_kategori-blog"],"_links":{"self":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb\/24041","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb"}],"about":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/types\/ar_kb"}],"version-history":[{"count":0,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb\/24041\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/media\/26634"}],"wp:attachment":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/media?parent=24041"}],"wp:term":[{"taxonomy":"ar_kb_kategori","embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb_kategori?post=24041"},{"taxonomy":"ar_kb_etiket","embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb_etiket?post=24041"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}