Check Browser Compatibility: Difference between revisions

Jump to navigation Jump to search

Check Browser Compatibility (edit)

Revision as of 18:24, 1 July 2026

264 bytes removed ,  1 July
→‎Checking the compatibility
 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
Check Browser Compatibility
Check Browser Compatibility
* {{Gd}} [http://www.caniuse.com/ Can I use... Support tables for HTML5, CSS3, etc] "Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers."
 
* [http://www.browsersupport.net/ Browser Support] 教學: [http://csscoke.com/2013/10/09/css_and_browser_support/ 查詢CSS與瀏覽器支援度的網站 · CSS可樂]
Noun explanation
# allowed to interact: the solutions which (1) allowed to interact the web pages e.g.  click the link and test javascript (2) view the web snapshot
# view the snapshot only: only allowed to view the static web snapshot
 
==== Checking the compatibility of web page ====
* {{Gd}} [http://www.caniuse.com/ Can I use... Support tables for HTML5, CSS3, etc] "Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers." {{access | date=2020-08-23}}
* [http://blog.miniasp.com/post/2013/07/14/HTML5-CSS3-JavaScript-JS-compatibility-resouces.aspx The Will Will Web | 前端工程研究：HTML/CSS/JavaScript 相容性檢查資源整理]
* [http://blog.miniasp.com/post/2013/07/14/HTML5-CSS3-JavaScript-JS-compatibility-resouces.aspx The Will Will Web | 前端工程研究：HTML/CSS/JavaScript 相容性檢查資源整理]


==== view web snapshot and test user behavior (allowed click the link and test javascript...) ====
 
==== Checking the compatibility of email ====
* {{Gd}} [https://www.caniemail.com/ Can I email… Support tables for HTML and CSS in emails]
* [https://email-compatibility-checker.planetoid.info/ Email Newsletter Compatibility Checker]
 
==== allowed to interact ====
===== desktop browser + mobile browser =====
===== desktop browser + mobile browser =====
cloud services for testing desktop browsers and mobile browsers
cloud services for testing desktop browsers and mobile browsers
Line 15: Line 25:


===== mobile browsers =====
===== mobile browsers =====
: [[Image:Owl icon.jpg]] WARNING: Simulators/emulators for mobile browser testing is '''different''' from the browser for real mobile device.
{{Tips}} WARNING: Simulators/emulators for mobile browser testing is '''different''' from the browser for real mobile device.
* [http://iphonetester.com/ iPhone 3G/4G tester - online website test emulator with flip] {{exclaim}} not check user agent {{access | date =2012-06-06}}
* [http://www.mozilla.org/en-US/mobile/ Mozilla Firefox | Firefox for Android | Download Firefox to your mobile device] {{access | date =2012-06-06}} {{win}} {{linux}}  
* [http://www.mozilla.org/en-US/mobile/ Mozilla Firefox | Firefox for Android | Download Firefox to your mobile device] {{access | date =2012-06-06}} {{win}} {{linux}}  
* [http://www.opera.com/developer/tools/mini/ Opera Mini simulator]. Require: Java installed
* [http://www.opera.com/developer/tools/mini/ Opera Mini simulator]. Require: Java installed
* [https://developer.chrome.com/devtools/docs/device-mode Device Mode Mobile Emulation] for {{chrome}}
* [https://developer.chrome.com/devtools/docs/device-mode Device Mode Mobile Emulation] for {{chrome}}
* [https://appetize.io/demo?device=iphone14pro&osVersion=16.2&record=true Demo] of appetize


alternative
alternative
Line 28: Line 38:
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 介紹])  
* [https://blogs.windows.com/msedgedev/2015/08/17/windows-10-virtual-machines-now-available-on-microsoft-edge-dev/#QZQ86LBwxcHOQOgo.97 Windows 10 virtual machines now available on Microsoft Edge Dev | Microsoft Edge Dev Blog] IE8, IE9, IE10, IE11, Microsoft Edge {{access | date = 2016-10-12}}
* [http://finalbuilds.edskes.net/iecollection.htm Internet Explorer Collection]([http://blog.miniasp.com/post/2009/03/Useful-tools-Internet-Explorer-Collection.aspx 介紹])  
** 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}} 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]  
* [http://www.my-debugbar.com/wiki/IETester/HomePage IETester]  
Line 51: Line 62:
* ... more on [[Virtual machine images]]
* ... more on [[Virtual machine images]]


==== view static web snapshot only ====
 
* [http://browsershots.org/ Check Browser Compatibility, Cross Platform Browser Test - Browsershots] {{access | date = 2015-08-28}}
** various browser
* [https://developer.microsoft.com/en-us/microsoft-edge/tools/screenshots/ Website Screenshots & Responsive Design Screenshots] ([https://developer.microsoft.com/zh-tw/microsoft-edge/tools/screenshots/ 瀏覽器螢幕擷取畫面] ) {{access | date = 2016-04-17}}
** various browser: IE 6.0-11.0, Chrome 42.0, Firefox 37.0, Safari 7.0, Safari 6.0 & Opera 12.16
** various device: Google Nexus 6, Google Nexus 9, iPhone 6 & iPad Air
: https://farm1.staticflickr.com/721/20922082366_2659222fba.jpg
: image hosted by [https://www.flickr.com/photos/planetoid/20922082366/in/dateposted-public/ flickr]
See also  
See also  
* [[Research_surveys#全球瀏覽器、作業系統、螢幕解析度、搜尋引擎市占率統計表 | 全球瀏覽器(Browser share)、作業系統、螢幕解析度、搜尋引擎市占率統計表]]  
* [[Research_surveys#全球瀏覽器、作業系統、螢幕解析度、搜尋引擎市占率統計表 | 全球瀏覽器(Browser share)、作業系統、螢幕解析度、搜尋引擎市占率統計表]]  
Line 68: Line 72:
<noinclude>{{Template:Build a website}}</noinclude>
<noinclude>{{Template:Build a website}}</noinclude>


[[Category:WebDesign]] [[Category:Browser]] [[Category:Mobile]]
[[Category:Design]] [[Category:Browser]] [[Category:Mobile]]
Retrieved from "https://wiki.planetoid.info/index.php/Special:MobileDiff/16543...26395"

Navigation menu