tan2818 發表於 2012-9-21 22:32:35

【Window Resizer 模擬「不同解析度」的視窗尺寸來檢視網頁】

<P align=center><FONT size=5><STRONG>【<FONT color=red><FONT size=4>Window Resizer</FONT> 模擬「不同解析度」的視窗尺寸來檢視網頁</FONT>】</STRONG></FONT></P>
<P>&nbsp;</P>
<P><STRONG>Window Resizer是<SPAN class=t_tag href="tag.php?name=Google">Google</SPAN> <SPAN class=t_tag href="tag.php?name=Chrome">Chrome</SPAN>瀏覽器的擴充套件(簡稱擴件..),它的主要功能就是讓我們手動選擇Google瀏覽器視窗的尺寸大小,模擬出在不同尺寸、解析度的螢幕中所呈現的網站版面可視範圍。 </STRONG></P>
<P><STRONG></STRONG>&nbsp;</P>
<P><STRONG>有時候當我們在修改網頁或設計網站版面時,可能需要考慮到不同使用者的螢幕解析度,盡量把重要的資訊放在絕大多數電腦螢幕都看得到的位置。</STRONG></P>
<P><STRONG></STRONG>&nbsp;</P>
<P><STRONG>或者你想知道你的網頁在iPhone、Android或其他尺寸的手機螢幕可以看到多少畫面,都可以在修改網頁時按一下Window Resizer按鈕來快速調整瀏覽器視窗大小,大概比對一下版面配置是否會影響正常閱讀。</STRONG> </P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P><STRONG><FONT color=blue size=4>▇ 軟體小檔案 ▇&nbsp;&nbsp;&nbsp;&nbsp; </FONT></STRONG></P>
<LI><STRONG><FONT color=blue size=4>軟體名稱:Window Resizer </FONT></STRONG>
<LI><STRONG><FONT color=blue size=4>軟體版本:1</FONT></STRONG><A href="http://briian.com/?p=6727"><FONT color=blue size=4><STRONG>.</STRONG></FONT></A><STRONG><FONT color=blue size=4>1 </FONT></STRONG>
<LI><STRONG><FONT color=blue size=4>軟體語言:英文 </FONT></STRONG>
<LI><STRONG><FONT color=blue size=4>軟體性質:免費軟體 </FONT></STRONG>
<LI><STRONG><FONT color=blue size=4>檔案大小:149KB </FONT></STRONG>
<LI><STRONG><FONT color=blue size=4>軟體支援:此為Google Chrome瀏覽器的擴充套件,支援4</FONT></STRONG><A href="http://briian.com/?p=6727"><FONT color=blue size=4><STRONG>.</STRONG></FONT></A><STRONG><FONT color=blue size=4>x以上版本(</FONT></STRONG><A href="http://briian.com/?p=5726" target=_blank><FONT color=blue size=4><STRONG>下載</STRONG></FONT></A><STRONG><FONT color=blue size=4>) </FONT></STRONG>
<LI><STRONG><FONT color=blue size=4>官方網站:</FONT></STRONG><A href="https://chrome.google.com/extensions/detail/kkelicaakdanhinjdeammmilcgefonfh" target=_blank><FONT color=red size=4><STRONG>按這裡</STRONG></FONT></A><STRONG><FONT color=blue size=4> </FONT></STRONG>
<LI><FONT color=blue size=4><STRONG>軟體下載:</STRONG></FONT><A href="https://clients2.google.com/service/update2/crx?response=redirect&amp;x=id%3Dkkelicaakdanhinjdeammmilcgefonfh%26uc%26lang%3Dzh-TW∏=chrome&amp;prodversion=4.0.266.0" copy="from_http://briian.com/"><FONT color=red size=4><STRONG>按這裡</STRONG></FONT></A>
<P>&nbsp;</P></LI>
<P><STRONG>使用方法: <BR><BR>第1步&nbsp; 用Google Chrome瀏覽器開啟擴充套件首頁,按一下「Install」按鈕後再點選「安裝」按鈕,將程式安裝到你的電腦中。 </STRONG></P>
<P><STRONG>&nbsp;</STRONG></P>
<P align=center><STRONG></STRONG></P>
<P><STRONG>&nbsp;</STRONG></P>
<P><STRONG>第2步&nbsp; 裝好Window Resizer擴充套件之後,視窗右上方會多出一個按鈕,按一下按鈕後,可在選單中點選你要模擬的視窗尺寸,如第一個 「HVGA-iPhone, Android, Palm Pre」手持裝置。 </STRONG></P>
<P><STRONG>&nbsp;</STRONG></P>
<P align=center><STRONG></STRONG></P>
<P><STRONG>&nbsp;</STRONG></P>
<P><STRONG>第3步&nbsp; 點選之後,Google Chrome視窗會自動變成你指定的尺寸,方便讓我們檢視網頁可視範圍與面積。</STRONG></P>
<P><STRONG>&nbsp; </STRONG></P>
<P align=center><STRONG></STRONG></P>
<P><STRONG>&nbsp;</STRONG></P>
<P><STRONG>第4步&nbsp; 另外我們也可以按一下Window Resizer按鈕,再選「Customize」,可自行刪除預設的視窗尺寸,或新增你要用的尺寸,設定好按「SAVE」再按「Finish editing」即可馬上使用。 </STRONG></P><STRONG>
<P><BR></P>
<P align=center></P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P>引用:<A href="http://briian.com/?p=6727&amp;utm_source=feedburner&amp;utm_medium=email&amp;utm_campaign=Feed%3A+briian+%28briian.com%29&amp;utm_content=Yahoo%21+Mail">http://briian.com/?p=6727&amp;utm_source=feedburner&amp;utm_medium=email&amp;utm_campaign=Feed%3A+briian+%28briian.com%29&amp;utm_content=Yahoo%21+Mail</A></P>
<P></STRONG>&nbsp;</P>
頁: [1]
查看完整版本: 【Window Resizer 模擬「不同解析度」的視窗尺寸來檢視網頁】