Check Browser Compatibility: Difference between revisions
Jump to navigation
Jump to search
| Line 10: | Line 10: | ||
One PC with different Internet Explorer versions 同一電腦可以有不同版本的Internet Explorer | One PC with different Internet Explorer versions 同一電腦可以有不同版本的Internet Explorer | ||
* {{Gd}} [http://finalbuilds.edskes.net/iecollection.htm Internet Explorer Collection]([http://blog.miniasp.com/post/2009/03/Useful-tools-Internet-Explorer-Collection.aspx 介紹]) | |||
* {{Gd}} [http://finalbuilds.edskes.net/iecollection.htm Internet Explorer Collection]([http://blog.miniasp.com/post/2009/03/Useful-tools-Internet-Explorer-Collection.aspx 介紹]) IE1.0 ~ IE8 which allow to choose to install '''IE developer toolbar''' & '''Firebug Web development extension''' during the installation | ** various {{IE}} browser version: IE1.0 ~ IE8 which allow to choose to install '''IE developer toolbar''' & '''Firebug Web development extension''' during the installation | ||
* [http://www.my-debugbar.com/wiki/IETester/HomePage IETester] IE5.5 ~ | * [http://www.my-debugbar.com/wiki/IETester/HomePage IETester] | ||
** various {{IE}} browser version: IE5.5 ~ IE11 emulator {{exclaim}} IE9+ emulator not available on Windows XP | |||
* [http://browserling.com/ browserling - interactive cross-browser testing in your browser] Run IE5~9 (Simulated by [http://www.my-debugbar.com/wiki/IETester/HomePage IETester]) | * [http://browserling.com/ browserling - interactive cross-browser testing in your browser] Run IE5~9 (Simulated by [http://www.my-debugbar.com/wiki/IETester/HomePage IETester]) | ||
* Microsoft [http://expression.microsoft.com/en-us/dd565874.aspx Expression Web SuperPreview]([http://www.microsoft.com/downloads/details.aspx?FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677&displaylang=en download]) IE6, IE7, IE8->7 (compatibility view), IE8, [http://support.microsoft.com/kb/2445851?Browser=Firefox&Version=5 Fx 3.0~3.6] | * Microsoft [http://expression.microsoft.com/en-us/dd565874.aspx Expression Web SuperPreview]([http://www.microsoft.com/downloads/details.aspx?FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677&displaylang=en download]) IE6, IE7, IE8->7 (compatibility view), IE8, [http://support.microsoft.com/kb/2445851?Browser=Firefox&Version=5 Fx 3.0~3.6] | ||
Revision as of 19:10, 28 August 2015
Web site design and development process
- Information gathering: Research surveys
- Planning: Before you start to build a website, Content development strategy | Register domain name, Choose web hosting | Information architecture | Data model: Data type, Data flow | Documentation: Request For Proposal | Licensing
- Design: CSS tools, Free fonts, Free photos, Emoji & icons
- Testing & delivery: Usability test, check browser compatibility | Web testing | Speed up websites: Web Ping, Software acceptance test plan | Promote your web
- Maintenance: Site backup & restore test, Software update (OS patch or CMS security update)
- Need help? Community, I need inspiration, Web design glossary
Check Browser Compatibility
Can I use... Support tables for HTML5, CSS3, etc "Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers."- Browser Support 教學: 查詢CSS與瀏覽器支援度的網站 · CSS可樂
- The Will Will Web | 前端工程研究：HTML/CSS/JavaScript 相容性檢查資源整理
view web snapshot and test user behavior (allowed click the link and test javascript...)
desktop browser
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
- various IE
- IETester
- various IE browser version: IE5.5 ~ IE11 emulator
IE9+ emulator not available on Windows XP
- various IE
- 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
- IE3.0 ~ IE6.0: Multiple IE
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
mobile browsers
WARNING: Simulators/emulators for mobile browser testing is different than the browser for real mobile device.
- iPhone 3G/4G tester - online website test emulator with flip not check user agent [Last visited: 2012-06-06]
- Mozilla Firefox | Firefox for Android | Download Firefox to your mobile device [Last visited: 2012-06-06] Win
Linux 
- Opera Mini simulator. Require: Java installed
- Device Mode Mobile Emulation for Chrome
alternative
- BlueStacks Run Android on Windows with BlueStacks for Win & macOS
- Genymotion + VirtualBox 教學: (魔神模擬器) Genymotion 2.2.2 - 比BlueStacks還專業的Android安卓手機模擬器 神魔之塔可以玩 - 阿榮福利味
cloud services for testing desktop browsers and mobile browsers
- BrowserStack($) "Cross Browser Testing Tool. 100+ Browsers, Mobile, Real IE." List of Browsers and Platforms for Cross Browser Testing
- Test IE for Chrome
- Test IE for Chrome
- Sauce Labs: Mobile and Web App Testing Tools For Developers($): supported Device/OS/Browser Platforms
view static web snapshot only
- 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
See also