{"id":1448,"date":"2009-09-01T02:06:15","date_gmt":"2009-09-01T01:06:15","guid":{"rendered":"http:\/\/www.nivas.hr\/blog\/?p=1448"},"modified":"2009-09-01T02:10:29","modified_gmt":"2009-09-01T01:10:29","slug":"browserlab-fake-crossbrowser-tester-from-adobe","status":"publish","type":"post","link":"https:\/\/www.nivas.hr\/blog\/2009\/09\/01\/browserlab-fake-crossbrowser-tester-from-adobe\/","title":{"rendered":"BrowserLab &#8211; fake crossbrowser tester from Adobe"},"content":{"rendered":"<p>Some time ago Adobe released interesting RIA application for cross browser testing &#8211; <a href=\"https:\/\/browserlab.adobe.com\">BrowserLab<\/a>. From what I can see, basically &#8211; server (with some sort of capturing service in background) captures screenshot of your website in different browser engines (IE7, FF3 Win\/OSX, Safari OSX) and then Flex application displays them side by side or in onion (overlay) mode for you to scroll or zoom in\/out. <\/p>\n<p>I have sincere doubts in usefulness of whole &#8220;crossbrowser debugging through overlayed screenshots&#8221; concept. Here is couple of reasons:<\/p>\n<ul>\n<li>you can only remotely suspect which dom element is causing problems, can&#8217;t be for sure, you are watching screenshot after all<\/li>\n<li>long sites die in all browser screen captures (eg. <a href=\"http:\/\/nivas.hr\">nivas.hr<\/a> is REALLY long and it&#8217;s a good example of horridly long page which fails to be captured)<\/li>\n<li>if webpage you are screenshotting is being generated by javascript on load event (eg embeding flash movies, ajax or whatnot), different timings caused by different rendering engine speeds will cause very different screenshots<\/li>\n<li>show me one website which will correctly display in overlay mode in all engines BrowserLab supports, and I&#8217;ll eat this post. :)<\/li>\n<\/ul>\n<p>But off course, I am not xhtml guru, this is taken from programmers standpoint so maybe I am missing something crucial.<br \/>\n\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-1 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-1 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-1' class='gallery galleryid-1448 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.nivas.hr\/blog\/wp-content\/uploads\/2009\/09\/adobe-browserlab-capture.JPG'><img width=\"150\" height=\"150\" src=\"https:\/\/www.nivas.hr\/blog\/wp-content\/uploads\/2009\/09\/adobe-browserlab-capture-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.nivas.hr\/blog\/wp-content\/uploads\/2009\/09\/adobe-browserlab-onion-capture.JPG'><img width=\"150\" height=\"150\" src=\"https:\/\/www.nivas.hr\/blog\/wp-content\/uploads\/2009\/09\/adobe-browserlab-onion-capture-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/www.nivas.hr\/blog\/wp-content\/uploads\/2009\/09\/adobe-browserlab-onion-capture-fb1.JPG'><img width=\"150\" height=\"150\" src=\"https:\/\/www.nivas.hr\/blog\/wp-content\/uploads\/2009\/09\/adobe-browserlab-onion-capture-fb1-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Some time ago Adobe released interesting RIA application for cross browser testing &#8211; BrowserLab. From what I can see, basically &#8211; server (with some sort of capturing service in background) captures screenshot of your website in different browser engines (IE7, FF3 Win\/OSX, Safari OSX) and then Flex application displays them side by side or in&#8230;<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/posts\/1448"}],"collection":[{"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/comments?post=1448"}],"version-history":[{"count":7,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/posts\/1448\/revisions"}],"predecessor-version":[{"id":1459,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/posts\/1448\/revisions\/1459"}],"wp:attachment":[{"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/media?parent=1448"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/categories?post=1448"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nivas.hr\/blog\/wp-json\/wp\/v2\/tags?post=1448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}