SlideShare a Scribd company logo
What is Browser?
組員:
張又升
林柏耀
彭資為
翁國航
藍千翔
 Internet Explore (Trident)
 Firefox (Gecko)
 Google Chrome (WebKit)
 Safari (WebKit)
 Opera (Presto)
五大瀏覽器
硬體資訊
 HTML 是一種標記語言,不過在現今的網頁世界中,
CSS 與 JavaScript 也扮演重要角色。CSS 樣式表用來
描述網頁的樣式,而 JavaScript 程式語言則是網頁應
用程式的幕後功臣。HTML5 在實際應用時,就包含
了 HTML、CSS、JavaScript 三方面的革新。在 HTML
方面,HTML5 增加了新的語意標記、多媒體標記、
各種屬性和其他規範,也正式放棄了幾項舊標記。
在 CSS 方面,它提供新的 CSS 語法和樣式;在程式
方面,它也提供新的 JavaScript 程式開發介面 (API)。
這三方面的新技術結合起來,加上瀏覽器的支援,
網頁世界將變得更豐富。
什麼是 HTML5?
Internet Explore 9
Firefox 7
Google Chrome 14
Safari 5.1
Opera 11
何謂Acid3?
 Acid3 由網頁標準計劃小組(Web
Standards Project,WaSP)設計,是一
份網頁瀏覽器及設計軟體之標準相容性
的測試網頁,於 2008年3月3日正式發
布[1]。其測試焦點集中在ECMAScript、
DOM Level 3、Media Queries和data:
URL。以瀏覽器開啟此測試網頁後,頁
面會不斷載入功能、直接給予分數,滿
分為100分。
 五大瀏覽器經測試目前皆達滿分
挑戰 PeaceKeeper !!
 測試內容:
 1.Rendering(描繪)
 2.Html5
 3.Data(資料)
 4.DOM operations
 5.Text parsing(文字分析)
Internet Explore 9
Firefox 7
Google Chrome 14
Safari 5
Opera 11
測試心得
 經過上述網站測試 最後由Google公司所開發
的 Chrome 獲勝
 網路上另有Chromium是Chrome的Bata版,
所以更新速度比較快
 網路上Pale Moon則是Firefox的優化版,有興
趣的同學不妨下載測試
 Safari經過多數測試仍跑不出結果,想知道結
果的同學可以嘗試測試看看
Windows 7 使用者最愛 IE9、
Chrome 將在年底超越 Firefox
 微軟IE團隊官方部落格Exploring IE引用Net
Applications今年9月的調查數據,表示IE9在
美國Windows 7用戶、甚至是全球Windows 7
的使用者中都有相當好的表現。在美國
Windows 7使用者中, IE9的使用率達到31.0%、
其次是Chrome 14的12.7%和Firefox 6 & 7的
12.6%;其實在8月初我們就曾報導過美國使
用者愛用 IE9 勝過 Firefox 和 Chrome,比起
當時7月份美國Windows 7用戶的IE9使用率
24.85%,現在顯然成長了不少。
Chrome市占率已在去年底超越
Firefox
Chrome 擴充元件
 RSS Subscription Extension RSS按鈕
 Google Translate Google 多國語言翻譯按鈕
 Google Similar Pages查看與您正在瀏覽的網
頁內容相似的其他網頁
 Bubble Translate 網頁氣泡翻譯
 Google Mail Checker Plus G-mail進化再升級
 Speed Dial 保存瀏覽網頁
 Smooth Gestures 滑鼠手勢
 Cooliris多媒體瀏覽
Chrome 擴充元件
 Enable Copy 破解網站鎖右鍵
 News Squares RSS 新聞牆
 IE Tab 瀏覽 IE Only的網頁
 Tab Expose 瀏覽當前所開視窗縮圖
 Cache Continue Redux 讀取頁面存檔
 Chrome extension Drawer 擴充元件抽屜
 WhatFont 瀏覽網站所用字型
 Better Gmail 去除擾人的G-mail廣告
 Adblock Plus for Google Chrome 阻擋網頁廣告
 AniWeather 天氣預報動畫
News Squares RSS
Tab Expose
AniWeather
Speed Dial
Smooth Gestures
Cooliris
相關連結
 評測網站:
 http://www.html5test.com/
 http://acid3.acidtests.org/
 http://service.futuremark.com/peacekeeper/
 HTML5介紹:
 http://www.ios.com.tw/article.php?id=80

More Related Content

Similar to 計概分組報告

HTML5 規格最新發展現況 (HTML5 趨勢發展與技術應用論壇)
HTML5 規格最新發展現況 (HTML5 趨勢發展與技術應用論壇)HTML5 規格最新發展現況 (HTML5 趨勢發展與技術應用論壇)
HTML5 規格最新發展現況 (HTML5 趨勢發展與技術應用論壇)
Will Huang
 
HTML5
HTML5HTML5
HTML5
Randy Jin
 
Modern Web with CSS and CSS Grid (image with links inside)
Modern Web with CSS and CSS Grid (image with links inside)Modern Web with CSS and CSS Grid (image with links inside)
Modern Web with CSS and CSS Grid (image with links inside)
百範 陳
 
前端開發學習簡介
前端開發學習簡介前端開發學習簡介
前端開發學習簡介
peterju
 
introduction of web 2.0
introduction of web 2.0introduction of web 2.0
introduction of web 2.0
soboring
 
Html5全景介绍
Html5全景介绍Html5全景介绍
Html5全景介绍
Wade Zhu
 
2010 01-07周五分享 前端的那些事儿-小米猪
2010 01-07周五分享 前端的那些事儿-小米猪2010 01-07周五分享 前端的那些事儿-小米猪
2010 01-07周五分享 前端的那些事儿-小米猪
小 米猪
 
[2008]网站重构 -who am i
[2008]网站重构 -who am i[2008]网站重构 -who am i
[2008]网站重构 -who am i
Twinsen Liang
 
給高中生的Web Programming教材
給高中生的Web Programming教材給高中生的Web Programming教材
給高中生的Web Programming教材
Shang-Pin Ma
 
没有Xhr,ajax精彩依旧
没有Xhr,ajax精彩依旧没有Xhr,ajax精彩依旧
没有Xhr,ajax精彩依旧vinqon
 
Exam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development FundamentalsExam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development Fundamentals
Chieh Lin
 
Html5 最重要的部分
Html5 最重要的部分Html5 最重要的部分
Html5 最重要的部分Tom Fan
 
常用Js框架比较
常用Js框架比较常用Js框架比较
常用Js框架比较
Adam Lu
 
Peggy 重新認識java script
Peggy 重新認識java scriptPeggy 重新認識java script
Peggy 重新認識java script
LearningTech
 
Ria lqj
Ria lqjRia lqj
Ria lqj
huzilqj
 
HTML & JavaScript
HTML & JavaScriptHTML & JavaScript
HTML & JavaScriptSanji Zhang
 
Re Introduce Web Development
Re Introduce Web DevelopmentRe Introduce Web Development
Re Introduce Web Developmentfinian lau
 
Css and Xhtml part01
Css and Xhtml part01Css and Xhtml part01
Css and Xhtml part01
Sean Yeh
 
Web开发基础
Web开发基础Web开发基础
Web开发基础
dynaturtle
 
Intro to-html5
Intro to-html5Intro to-html5
Intro to-html5Tom Fan
 

Similar to 計概分組報告 (20)

HTML5 規格最新發展現況 (HTML5 趨勢發展與技術應用論壇)
HTML5 規格最新發展現況 (HTML5 趨勢發展與技術應用論壇)HTML5 規格最新發展現況 (HTML5 趨勢發展與技術應用論壇)
HTML5 規格最新發展現況 (HTML5 趨勢發展與技術應用論壇)
 
HTML5
HTML5HTML5
HTML5
 
Modern Web with CSS and CSS Grid (image with links inside)
Modern Web with CSS and CSS Grid (image with links inside)Modern Web with CSS and CSS Grid (image with links inside)
Modern Web with CSS and CSS Grid (image with links inside)
 
前端開發學習簡介
前端開發學習簡介前端開發學習簡介
前端開發學習簡介
 
introduction of web 2.0
introduction of web 2.0introduction of web 2.0
introduction of web 2.0
 
Html5全景介绍
Html5全景介绍Html5全景介绍
Html5全景介绍
 
2010 01-07周五分享 前端的那些事儿-小米猪
2010 01-07周五分享 前端的那些事儿-小米猪2010 01-07周五分享 前端的那些事儿-小米猪
2010 01-07周五分享 前端的那些事儿-小米猪
 
[2008]网站重构 -who am i
[2008]网站重构 -who am i[2008]网站重构 -who am i
[2008]网站重构 -who am i
 
給高中生的Web Programming教材
給高中生的Web Programming教材給高中生的Web Programming教材
給高中生的Web Programming教材
 
没有Xhr,ajax精彩依旧
没有Xhr,ajax精彩依旧没有Xhr,ajax精彩依旧
没有Xhr,ajax精彩依旧
 
Exam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development FundamentalsExam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development Fundamentals
 
Html5 最重要的部分
Html5 最重要的部分Html5 最重要的部分
Html5 最重要的部分
 
常用Js框架比较
常用Js框架比较常用Js框架比较
常用Js框架比较
 
Peggy 重新認識java script
Peggy 重新認識java scriptPeggy 重新認識java script
Peggy 重新認識java script
 
Ria lqj
Ria lqjRia lqj
Ria lqj
 
HTML & JavaScript
HTML & JavaScriptHTML & JavaScript
HTML & JavaScript
 
Re Introduce Web Development
Re Introduce Web DevelopmentRe Introduce Web Development
Re Introduce Web Development
 
Css and Xhtml part01
Css and Xhtml part01Css and Xhtml part01
Css and Xhtml part01
 
Web开发基础
Web开发基础Web开发基础
Web开发基础
 
Intro to-html5
Intro to-html5Intro to-html5
Intro to-html5
 

計概分組報告

  • 2.  Internet Explore (Trident)  Firefox (Gecko)  Google Chrome (WebKit)  Safari (WebKit)  Opera (Presto) 五大瀏覽器
  • 4.  HTML 是一種標記語言,不過在現今的網頁世界中, CSS 與 JavaScript 也扮演重要角色。CSS 樣式表用來 描述網頁的樣式,而 JavaScript 程式語言則是網頁應 用程式的幕後功臣。HTML5 在實際應用時,就包含 了 HTML、CSS、JavaScript 三方面的革新。在 HTML 方面,HTML5 增加了新的語意標記、多媒體標記、 各種屬性和其他規範,也正式放棄了幾項舊標記。 在 CSS 方面,它提供新的 CSS 語法和樣式;在程式 方面,它也提供新的 JavaScript 程式開發介面 (API)。 這三方面的新技術結合起來,加上瀏覽器的支援, 網頁世界將變得更豐富。 什麼是 HTML5?
  • 10. 何謂Acid3?  Acid3 由網頁標準計劃小組(Web Standards Project,WaSP)設計,是一 份網頁瀏覽器及設計軟體之標準相容性 的測試網頁,於 2008年3月3日正式發 布[1]。其測試焦點集中在ECMAScript、 DOM Level 3、Media Queries和data: URL。以瀏覽器開啟此測試網頁後,頁 面會不斷載入功能、直接給予分數,滿 分為100分。  五大瀏覽器經測試目前皆達滿分
  • 11. 挑戰 PeaceKeeper !!  測試內容:  1.Rendering(描繪)  2.Html5  3.Data(資料)  4.DOM operations  5.Text parsing(文字分析)
  • 17. 測試心得  經過上述網站測試 最後由Google公司所開發 的 Chrome 獲勝  網路上另有Chromium是Chrome的Bata版, 所以更新速度比較快  網路上Pale Moon則是Firefox的優化版,有興 趣的同學不妨下載測試  Safari經過多數測試仍跑不出結果,想知道結 果的同學可以嘗試測試看看
  • 18. Windows 7 使用者最愛 IE9、 Chrome 將在年底超越 Firefox  微軟IE團隊官方部落格Exploring IE引用Net Applications今年9月的調查數據,表示IE9在 美國Windows 7用戶、甚至是全球Windows 7 的使用者中都有相當好的表現。在美國 Windows 7使用者中, IE9的使用率達到31.0%、 其次是Chrome 14的12.7%和Firefox 6 & 7的 12.6%;其實在8月初我們就曾報導過美國使 用者愛用 IE9 勝過 Firefox 和 Chrome,比起 當時7月份美國Windows 7用戶的IE9使用率 24.85%,現在顯然成長了不少。
  • 19.
  • 21. Chrome 擴充元件  RSS Subscription Extension RSS按鈕  Google Translate Google 多國語言翻譯按鈕  Google Similar Pages查看與您正在瀏覽的網 頁內容相似的其他網頁  Bubble Translate 網頁氣泡翻譯  Google Mail Checker Plus G-mail進化再升級  Speed Dial 保存瀏覽網頁  Smooth Gestures 滑鼠手勢  Cooliris多媒體瀏覽
  • 22. Chrome 擴充元件  Enable Copy 破解網站鎖右鍵  News Squares RSS 新聞牆  IE Tab 瀏覽 IE Only的網頁  Tab Expose 瀏覽當前所開視窗縮圖  Cache Continue Redux 讀取頁面存檔  Chrome extension Drawer 擴充元件抽屜  WhatFont 瀏覽網站所用字型  Better Gmail 去除擾人的G-mail廣告  Adblock Plus for Google Chrome 阻擋網頁廣告  AniWeather 天氣預報動畫
  • 29. 相關連結  評測網站:  http://www.html5test.com/  http://acid3.acidtests.org/  http://service.futuremark.com/peacekeeper/  HTML5介紹:  http://www.ios.com.tw/article.php?id=80