Check Browser Compatibility: Difference between revisions

Revision as of 23:21, 7 March 2016

Check Browser Compatibility

cloud services for testing desktop browsers and mobile browsers

testing different screen resolution

WARNING: Simulators/emulators for mobile browser testing is different than the browser for real mobile device.

alternative

One PC with different Internet Explorer versions 同一電腦可以有不同版本的Internet Explorer

Internet Explorer Collection(介紹)
- various IE browser version: IE1.0 ~ IE8 which allow to choose to install IE developer toolbar & Firebug Web development extension during the installation
IETester
- various IE browser version: IE5.5 ~ IE11 emulator IE9+ emulator not available on Windows XP
browserling - interactive cross-browser testing in your browser Run IE5~9 (Simulated by IETester)
Microsoft Expression Web SuperPreview(download) IE6, IE7, IE8->7 (compatibility view), IE8, Fx 3.0~3.6
Windows OS + IE v.10: go to menu: "developer tools" -> switch "browser mode" between: IE10, IE9, IE8, IE7

older version of IE also available at

other desktop browser available at

BrowseEmAll (Standalone tool to run all major Browsers) (shareware)
Browser Sandbox - Run any browser from the web($) Run Firefox , Chrome , Opera , Safari and mobile browsers from the plug-in, but no IE (last visited: 2011-02-09)
browserling - interactive cross-browser testing in your browser Run IE 5-9 (Simulated by IETester), Firefox v3~10, Chrome v1~16 , Opera v10~11 and Safari v4~5 (last visited: 2012-03-06) Guest can use 3 minute sessions
portable version of browser such as portable firefox (Firefox 免安裝版)

alternative: Install different virtual machines, ex:

VirtualBox,
Windows Virtual PC + IE App Compat VHD from Official Microsoft with different version of browser. For example you install IE v.6 on first virtual machine, and install IE v.7 on another virtual machine.
VMware ThinApp($)
... more on Virtual machine images

Check Browser Compatibility, Cross Platform Browser Test - Browsershots [Last visited: 2015-08-28]
- various browser
Website Screenshots & Responsive Design Screenshots : Microsoft Edge Dev [Last visited: 2015-08-28]
- various browser: Opera 12.16, Safari 7.0, IE 11.0 Desktop, Firefox 37.0 & Chrome 42.0
- various device: Google Nexus 7, Samsung Galaxy 7, iPhone 6 & iPad Air

image hosted by flickr

@@ Line 6: / Line 6: @@
 ==== view web snapshot and test user behavior (allowed click the link and test javascript...) ====
 ===== desktop browser + mobile browser =====
-free service
-* [http://design.google.com/resizer/ Resizer - Google Design] allowed to switch to different screen resolution {{access | date = 2016-02-28}}
 cloud services for testing desktop browsers and mobile browsers
 * [http://www.browserstack.com/ BrowserStack]''($)'' "Cross Browser Testing Tool. 100+ Browsers, Mobile, Real IE." [http://www.browserstack.com/list-of-browsers-and-platforms List of Browsers and Platforms for Cross Browser Testing]
 ** [https://chrome.google.com/webstore/detail/test-ie/eldlkpeoddgbmpjlnpfblfpgodnojfjl/related Test IE] for {{Chrome}}
 * [https://saucelabs.com/home Sauce Labs: Mobile and Web App Testing Tools For Developers]''($)'': [https://saucelabs.com/docs/platforms supported Device/OS/Browser Platforms]
+testing different screen resolution
+* [[CSS_tools#.E4.B8.8D.E5.90.8C.E8.9E.A2.E5.B9.95.E8.A7.A3.E6.9E.90.E5.BA.A6.E6.AA.A2.E8.A6.96.E7.B6.B2.E9.A0.81| css tools]]
 ===== mobile browsers =====