2012年2月28日 星期二

支援手機版網頁顯示的部落格系統列表

支援手機版網頁顯示的部落格系統列表


本表以連入部落格會自動轉成手機版的為主


Yahoo http://tw.blog.yahoo.com/ 未測出


Pixnet http://www.pixnet.net/blog


Blogger http://www.blogger.com/


Xuite http://blog.xuite.net/


無名 http://www.wretch.cc/


udn http://blog.udn.com/ 未測出


PCHome http://blog.pchome.com.tw/


樂多日誌 http://blog.roodo.com/


Yam天空部落 http://blog.yam.com/


新浪部落 http://blog.sina.com.tw/ 未測出




測試時間:2012.2.28

備註:
兔兔電腦教室主站及部落格也支援手機版喔



PCHome



Pixnet



樂多



無名



Yam



Blogger



以上網站截圖為在網路上隨機抽測樣本



相關文章
手機版網頁網站列表-入口網站篇
手機版網頁網站列表-主要媒體網站篇
支援手機版網頁顯示部落格系統列表



支援手機版網頁顯示部落格系統列表
http://sbonny.blogspot.com/2012/02/mobile-web-list-of-blog-system.html

馬上按讚 加入 [兔兔電腦教室] 粉絲團

手機版網頁網站列表-主要媒體網站篇

手機版網頁網站列表
主要媒體網站篇

本表以連入主網址會自動轉成手機版的為主



中國時報

主網址:http://news.chinatimes.com/
手機版顯示網址:http://m.chinatimes.com/





聯合報

主網址:http://udn.com/
手機版顯示網址:http://m.udn.com/xhtml/index.jsp





蘋果日報

主網址:http://tw.nextmedia.com/
手機版顯示網址:http://tw.nextmedia.com/mobile









測試時間:2012.2.28
目前仍未提供者


自由時報 


主網址:http://www.libertytimes.com.tw/index.htm
手機版顯示網址:無



工商時報 


主網址:http://ctee.com.tw/
手機版顯示網址:無



備註:
兔兔電腦教室主站及部落格也支援手機版喔



相關文章
手機版網頁網站列表-入口網站篇
手機版網頁網站列表-主要媒體網站篇
支援手機版網頁顯示部落格系統列表





手機版網頁網站列表-主要媒體網站篇
http://sbonny.blogspot.com/2012/02/mobile-web-list-of-media.html

馬上按讚 加入 [兔兔電腦教室] 粉絲團

手機版網頁網站列表-主要入口網站篇

手機版網頁網站列表
主要入口網站篇



本表以連入主網址會自動轉成手機版的為主



Yahoo

主網址:http://tw.yahoo.com/
手機版顯示網址:http://tw.yahoo.com/mobile/


Google

主網址:http://www.google.com.tw/
手機版顯示網址:http://www.google.com.tw/





MSN

主網址:http://tw.msn.com/
手機版顯示網址:http://m.tw.msn.com/device/default.aspx




Yahoo 拍賣

主網址:http://tw.bid.yahoo.com/
手機版顯示網址:http://tw.m.yahoo.com/w/twauction




測試時間:2012.2.28
目前仍未提供者

PCHome

Hinet


備註:
兔兔電腦教室主站及部落格也支援手機版喔



相關文章
手機版網頁網站列表-入口網站篇
手機版網頁網站列表-主要媒體網站篇
支援手機版網頁顯示部落格系統列表




手機版網頁網站列表-入口網站篇
http://sbonny.blogspot.com/2012/02/mobile-web-list.html

馬上按讚 加入 [兔兔電腦教室] 粉絲團

GoogleChrome模擬手機瀏覽器-法2

GoogleChrome模擬手機瀏覽器-法2
執行命令法



前篇介紹Mobilizer手機瀏覽器模擬器安裝教學來測試手機版網站。

另外,Google在行動上網的企圖心也很強烈,也企圖在未來,將Chrome拱上行動上網的窗口,這兒就介紹使用GoogleChrome模擬手機瀏覽器的技巧,方便在電腦上觀看。


由於Chrome是兔兔每日的必備工具,
這兒就利用Chrome免安裝版



Chrome命令列法



1. 安裝好 Google Chrome
2. 開始執行
3. 貼上模擬手機瀏覽器命令語法即可




模擬手機瀏覽器語法如下

Android

chrome.exe --user-agent="Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1"


蘋果iPhone

chrome.exe --user-agent="Mozilla/5.0 (iPhone; CPU iPhone OS 5_0_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Mobile/9A405"


Nokia N97

chrome.exe --user-agent="Mozilla/5.0 (SymbianOS/9.4; Series60/5.0 NokiaN97-1/20.0.019; Profile/MIDP-2.1 Configuration/CLDC-1.1) AppleWebKit/525 (KHTML, like Gecko) BrowserNG/7.1.18124"






如果想恢復正常模式,全部 Chrome 關閉重開即可,
如果不想關閉 Chrome 的話,請使用下列恢復原狀語法。



恢復原狀語法

chrome.exe --user-agent="Mozilla/5.0 (Windows NT 6.1) AppleWebKit/535.7 (KHTML, like Gecko) Chrome/16.0.912.77 Safari/535.7"




小技巧

搭配Sizer軟體(Sizer下載),可將視窗大小快速模擬成為手機尺寸,例如480X800



相關文章
Mobilizer手機瀏覽器模擬器安裝教學
Mobilizer手機瀏覽器模擬器使用教學
GoogleChrome模擬手機瀏覽器
GoogleChrome模擬手機瀏覽器-法2-執行命令法



GoogleChrome模擬手機瀏覽器-法2-執行命令法
http://sbonny.blogspot.com/2012/02/google-chrome-simulate-for-mobile-by.html

馬上按讚 加入 [兔兔電腦教室] 粉絲團

GoogleChrome模擬手機瀏覽器

GoogleChrome模擬手機瀏覽器



前篇介紹Mobilizer手機瀏覽器模擬器安裝教學來測試手機版網站。

另外,Google在行動上網的企圖心也很強烈,也企圖在未來,將Chrome拱上行動上網的窗口,這兒就介紹使用GoogleChrome模擬手機瀏覽器的技巧,方便在電腦上觀看。


由於Chrome是兔兔每日的必備工具,
這兒就利用Chrome免安裝版



Chrome免安裝版

免安裝可以是一個獨立的設定,
先到下面,
下載Chrome免安裝版



桌面建立捷徑及修改設定

解壓縮後,將捷徑傳送到桌面上,
在程式的捷徑上面點選滑鼠右鍵,點內容進入編輯。






在 [ 捷徑目標 ] 的後面的地方,
加上關鍵字 [ --user-agent="iPhone" ],
注意,大小寫要一致。




完成後,以後雙擊這個捷徑,就是手機瀏覽器。多方便哪,還不快來試試。






小技巧

搭配Sizer軟體(Sizer下載),可將視窗大小快速模擬成為手機尺寸,例如480X800



相關文章
Mobilizer手機瀏覽器模擬器安裝教學
Mobilizer手機瀏覽器模擬器使用教學
GoogleChrome模擬手機瀏覽器
GoogleChrome模擬手機瀏覽器-法2-執行命令法



GoogleChrome模擬手機瀏覽器
http://sbonny.blogspot.com/2012/02/googlechrome-simulate-for-mobile.html

馬上按讚 加入 [兔兔電腦教室] 粉絲團

Mobilizer手機瀏覽器模擬器使用教學

Mobilizer手機瀏覽器模擬器使用教學





前篇提到行動上網趨勢已愈來愈顯著,
站長也不得不思考一下,
讓愈來愈多的手機使用者,
也能順利的訪問網站。



Mobilizer使用教學

要如何開啟Mobilizer呢?
(如果尚未安裝,請參閱前篇Mobilizer手機瀏覽器模擬器安裝教學)
安裝完成後,在桌面就會看到Mobilizer圖示,雙擊即可開啟。






Mobilizer選擇手機

接著點一下 Phones / Open / 就可選擇手機裝置。


這時就會開啟很大的iPhone圖,而且看到的網頁,就是手機版的網頁模式。



Mobilizer輸入網址

預設網址是 google.com(如本文頁首)



當然,也可以自行輸入網址。






也可以從這兒開啟其它手機,看到在不同裝置下的顯示情形。







Mobilizer切換網址

如果要切換網址,可直接在上面浮動式工作列輸入網址,再按Enter就可跳到新的站台了。
(也可以直接從桌面,拖拉網頁到手機圖中喔)
如果有多網址,也能由前後箭頭快速切換網站。





手機版介面類型

目前共有四種手機版介面類型,
底下示例圖為兔兔電腦教室主站 http://bonny.com.tw/ 的手機版模式













輸出圖檔

查閱好的資料,也能輸出成PNG圖檔,真的很方便。





關閉程式

若要關閉時,移到Mobilizer工作列,直接按左邊的叉叉,即就可閉關程式。
(Windows底下工作列/右鍵/關閉,也可以這麼用)





結語

傑克,這真的太神奇了,在開發手機版網頁時,可以隨時查看,真的方便很多,告一個段落時,再用實際手機測試。如此,就不用在設計手機版網頁時大拜拜,桌面擺滿了各式手機,這麼棒的模擬器工具,不妨試試看喔!



相關文章
Mobilizer手機瀏覽器模擬器安裝教學
Mobilizer手機瀏覽器模擬器使用教學
GoogleChrome模擬手機瀏覽器
GoogleChrome模擬手機瀏覽器-法2-執行命令法


Mobilizer手機瀏覽器模擬器使用教學
http://sbonny.blogspot.com/2012/02/mobilizer-lessons.html

馬上按讚 加入 [兔兔電腦教室] 粉絲團

2012年2月27日 星期一

Mobilizer手機瀏覽器模擬器安裝教學

Mobilizer手機瀏覽器模擬器安裝教學



在智慧型手機及平版愈來愈平價普及,行動上網趨勢已愈來愈顯著。改變了現代人上網模式也漸漸改變,生活模式與雲端網路也愈來愈密不可分。

依兔兔行動上網趨勢的站內分析,2011年初開始爆發成長一路上衝,到2011年底,竟已佔本站訪客的1.68%,相信今年比例會更高。

依此行動上網趨勢,兔兔也著手規劃行手機版網頁的建置製作。

現在介紹這套Mobilizer手機版網頁的瀏覽器模擬器,可在電腦中測試手機版網頁並預先看到模擬畫面,可同時模擬出在iPhone、HTC、黑莓機等各式手機的畫面,相當方便!



Mobilizer模擬器安裝教學

工具名稱:Mobilizer
模擬裝置:iPhone、HTC、Blackberry Storm黑莓機、Plam Pre
官方網站:http://www.springbox.com/mobilizer/
需要套件:Adobe AIR (下載及安裝教學,參閱Adobe AIR 安裝教學)
程式名稱:Mobilizer.air


雙擊Mobilizer.air程式,出現如下安裝畫面,點安裝




保留預設設定,按繼續




安裝完成後,桌面會出現Mobilizer圖示,
同時跳出一個新的橫式欄工具,如下圖,
看到下圖,即順利安裝完成了。







相關文章
Mobilizer手機瀏覽器模擬器安裝教學
Mobilizer手機瀏覽器模擬器使用教學
GoogleChrome模擬手機瀏覽器
GoogleChrome模擬手機瀏覽器-法2-執行命令法


Mobilizer手機瀏覽器模擬器安裝教學
http://sbonny.blogspot.com/2012/02/mobilizer.html

馬上按讚 加入 [兔兔電腦教室] 粉絲團

Adobe AIR 安裝教學

Adobe AIR 安裝教學



什麼是 Adobe AIR?

Adobe AIR 可讓開發人員在多種平台及裝置上建立的獨立應用程式
— 包括個人電腦、電視以及 Android、BlackBerry 和 iOS 裝置
— 部署使用 HTML、JavaScript、ActionScript、Flex、Adobe Flash Professional 和 Adobe Flash Builder 建立的獨立應用程式。

製作提供極具吸引力、可跨作業系統平台運作的應用程式,同時能跨瀏覽器操作。

Adobe AIR 3 Runtime 可讓開發人員利用 HTML、JavaScript、Adobe Flash 軟體與 ActionScript,打造可作為獨立用戶端應用程式執行的網路應用程式,而不受限於瀏覽器。



Adobe AIR 安裝教學

官方網站:Adobe AIR
程式名稱:AdobeAIRInstaller.exe
Adobe AIR 下載: http://get.adobe.com/tw/air/

下載後,雙擊 AdobeAIRInstaller.exe,
即出現如下畫面,
點我同意,就立即安裝。





Adobe AIR 安裝教學
http://sbonny.blogspot.com/2012/02/adobe-air.html

馬上按讚 加入 [兔兔電腦教室] 粉絲團

2012年2月13日 星期一

林書豪列Google字典 Jeremy Lin翻譯林書豪

林書豪列Google字典 Jeremy Lin翻譯林書豪

 

林書豪在NBA火紅,現在全美媒體正為之沸騰、紛喊「林書豪瘋」(Linsanity)。

Google 更新速度也真的夠快,馬上列入翻譯字典內。

林書豪炫風席捲全美,現在「Jeremy Lin」成為最新網路搜尋的熱門關鍵字。

網路目前已出現形容林書豪的相關造字為,
表現神乎其技的「Lin-Possible」林可能,
「Lin-Credible」林神奇,
ESPN甚至端出「Lin Dynasty」林氏王朝等新造字。

現在,Goole字典也把「Jeremy Lin 」列為新的單字(參閱下圖)。 



搜尋網站Google的翻譯中,
只要輸入英文「Jeremy Lin」,中文就會翻譯為「林書豪」。

這次Google字典的列入林書豪並非首例,之前以列入名人,
如輸入Jacky也會出現張學友,
輸入Jackie則是成龍。

 
Google 字典
標準
英翻中


相關文章
林書豪基本資料
林書豪(Jeremy Lin)傳奇:NBA閃亮之星!

查閱所有關於林書豪的文章



林書豪列Google字典 Jeremy Lin翻譯林書豪
http://sbonny.blogspot.com/2012/02/jeremy-lin-in-google-translate.html

馬上按讚 加入 [兔兔電腦教室] 粉絲團

2012年2月8日 星期三

ie 工具列變黑的解決方法

ie 工具列變黑的解決方法


ie 工具列變黑

收到一台很有意思的電腦,朋友說全部都正常,
只有ie 工具列變黑
因為都黑黑的看不見,希望求解法方法。

經過清理登錄檔及移除不必要的外掛後,
最後在效能選項中,設定後就恢復正常了,
以下簡列流程。


 ie 工具列變黑的解決方法



1. 先關閉所有的 IE 視窗及關閉IE程式
2. 桌面/我的電腦,右鍵/內容進階效能/設定/在視窗和按鈕上使用圖形樣式,打勾,套用,確定
3. 重開 IE 視窗,正常,解決
4. 可以再移除掉不必要的一些元件及網頁外掛程式,以加快效能


相關文章
HTML5測試
修復 IE6、IE7、IE8 – Fix IE Error
WinsockXPFix IE修復軟體
如何顯示IE8的功能表列
如何查詢IE的版本
IE8下載-微軟Internet Explorer(含各版本下載)
如何設定 IE 為預設瀏覽器
修復IE6、IE7、IE8 – Fix IE Error
微軟懇求用戶停止使用IE6
ie 工具列變黑的解決方法




ie 工具列變黑的解決方法
http://sbonny.blogspot.com/2012/02/ie-toolbar-was-black.html

馬上按讚 加入 [兔兔電腦教室] 粉絲團

2012年2月4日 星期六

Dropbox上傳照片,送500M免費空間!再送最高4.5GB的空間

Dropbox上傳照片,送500M免費空間!再送最高4.5GB的空間




Dropbox 是很著名的雲端硬碟。

最近更盛傳,HTC Sense 4.0:將內建 Dropbox 50GB 雲端硬碟?,更讓人不得不對Dropbox刮目相看,得好好研究一番。

Dropbox 超好用的檔案同步服務,更是許多人的最愛。

由於 Dropbox 有空間限制,官方也會不定時推出一些活動來讓你小幅增加空間,這次則是利用新的 Photo Import 的功能,讓你最高可以增加4.5GB的空間。


1.3.12
500MB of free space on first photo import
Cleanup UI in Windows non admin installation.
Fix infinite restart of Dropbox when database was corrupted.
Fix import error on iPhone with lots and lots of photos.
Better Handling of out of quota issues on first photo import.
Other small fixes



Dropbox照片自動備份 

這次要取得空間,其實相當容易,下載新版的程式並安裝後,只要插入記憶卡,就會自動偵測到,跟著感覺走,很容易就可以完成任務了。

官方網站:http://dropbox.com
Dropbox 1.3.12 連結:按我下載
              
還沒有的Dropbox的,點我,免費申請Dropbox 2G+網路硬碟


使用 Photo Import 方式

其實超級簡單

1.從上方下載點,下載並安裝最新版的Dropbox主程式。

2.將相機/手機/記憶卡/隨身碟放入主機讀卡機或USB孔上, Dropbox 就會自動跳出一個「Import pictures and videos」的項目,直接點選即可。



第一次匯入的時候就會送你500MB的 Dropbox 空間(不論照片數量),
以後,每上傳500MB的照片或影片,就再送500MB空間,最多可送4.5GB的空間。




首次上傳照片後,就會自動產生 Camera Uploads 的資料夾。





使用前的空間為8.75GB。



在第一次使用 Dropbox Photo Import 之後,馬上就變成了9.25GB。



這次的免費空間取得很容易,只要使用這個相片上傳功能就可以獲得空間。

如果只是想要空間的話,也可以在上傳照片後,再將照片刪除,贈送的空間還是會存在的!





相關文章
ASUS WebStorage 免費雲端硬碟
Sugarsync檔案雲端同步服務簡介-比Dropbox 更強
免費Dropbox 2G+網路硬碟
中華電信Hami+個人雲簡介


Dropbox上傳照片,送500M免費空間!再送最高4.5GB的空間
http://sbonny.blogspot.com/2012/02/dropbox-photo-import.html

馬上按讚 加入 [兔兔電腦教室] 粉絲團

加入Google+ Facebook 馬上按讚 加入兔兔電腦教室粉絲團

 

站群搜尋

含主站,論壇,部落格
自訂搜尋