免按F5 重新整理直接預覽好辦法 - 網頁研習室

這件事幾乎是每一位網頁設計師們，每天都要不斷面對的重複工作問題，這次就讓我們好好研究與探討一下吧。

免按F5 直接自動重新整理(Auto Refresh) 功能，也適合即時更新 ... 網站運用技巧 第七篇 免按F5重新整理直接預覽好辦法 適合程度： 初學者 一般程度 進階者 以上均宜 壹、報導前言： 電腦是記錄資料最好的工具，可使用記事本、Word等等編輯工具，但寫完後一定要按存檔才能保存此資料。

寫網頁者使用各種不同編輯工具，同樣有這個按存檔的必要，除此之外還要一邊修改一邊預覽編輯過的內容。

雖然我們可以使用Windows內快捷鍵(Shortcuts)的Ctrl+S來存檔、Alt+Tab來切換視窗、F5來重整網頁內容。

快捷鍵Alt+Tab切換視窗觀看瀏覽器部份，我們也可以使用較大螢幕或Windows內附視窗水平排列來查看。

此時如果有一種不錯的方法或工具，讓我們在存檔同時，讓該網頁能自動重新整理過，這樣是不是更有效率呢？ 這件事幾乎是每一位網頁設計師們，每天都要不斷面對的重複工作問題，這次就讓我們好好研究與探討一下吧。

免按F5直接自動重新整理(AutoRefresh)功能，也適合即時更新資料的網頁，如股市即時指數或增加計次人數。

上網找一下資料，其實這個問題很早就有人努力研發類似的程式或軟體來解決，現就將它分類並詳細介紹給你。

本報導希望能帶給從事網頁設計者，找到一種適合自己的網頁編輯工作方式，藉此縮短工做流程與提升工作效率。

本報導部份引用內容，系取自網路分享資源，其版權與著作權均為當事者所有，網頁研習室特此感謝與聲明。

貳、使用快捷鍵： 重新整理瀏覽器的網頁內容，最原始與簡單的辦法就是使用Windows快捷鍵(Shortcuts)功能，也就是鍵盤上的F5鍵。

除此你也可以按瀏覽器上方的重新整理圖示，每種瀏覽器的位置或圖示都不太一樣，將滑鼠移到上面便可查知。

提醒你Windows電腦內快捷鍵的存檔(Ctrl+S)與切換視窗(Alt+Tab)，都是先按下Ctrl或Alt鍵，再按S或Tab鍵。

如何操作編輯器與瀏覽器水平排列查看內容？打開Windows電腦，於最下面工作列按滑鼠右鍵選擇水平排列即可。

更多快捷鍵：More 參、使用語法程式： 使用最簡單的HTML標籤語法與各式網頁程式，就可以做到免按F5重新整理瀏覽器，直接預覽已更新內容。

如果你不太懂HTML標籤語法或網頁程式，我們會提供完整範例給你套用，你只要複製(Copy)與貼上(Past)。

網頁自動重新整理(AutoRefresh)，用於網頁修改或編輯時，依個人使用的習慣建議設定3～5秒為宜。

更多內容：More 肆、瀏覽器擴充套件： 由於使用者對瀏覽器各項功能與需求的渴望，加以網頁技術提升，以及各家業者及熱心人氏的努力。

針對原來瀏覽器沒有的功能，不斷開發出各式各樣的附加元件(Extensions)，以滿足所有人的需求。

絕大部份的瀏覽器都不會包括網頁自動重新整理功能，幾乎大部份的瀏覽器也都已有類似擴充套件。

以下介紹常用的IE、Chrome、Firefox、Safari、Opera等五大瀏覽器網頁自動重整外掛程式給你。

更多內容：More 伍、使用軟體工具： 除了使用瀏覽器擴充套件外，你也可以選用AutoRefresh軟體，特別提供三款輕巧又免安裝軟體給你。

請注意：所介紹的網頁自動重新整理(AutoRefresh)軟體，有些是無法用於相對路徑的編輯網頁上。

更多內容：More 陸、線上刷新工具： 不用使用快捷鍵、語法程式或安裝軟體工具，只要輸入絕對路徑網址或相對網頁路徑也可以自動重新整理網頁。

請注意：所報導的網頁自動重新整理(AutoRefresh)線上刷新工具，有些是無法用於相對路徑的編輯網頁上。

更多內容：More 柒、其它參考資料： 除此之外，我幫各位在網路上找到一些相關有用的參考資料，大多是外國網站，有興趣歡迎進入精進研習。

本報導引用內容，系取自網路分享資源，其版權與著作權均為當事者所有，網頁研習室特此感謝與聲明。

更多內容：More 捌、會員注意事項： 因應網路趨勢已修改索取本站教材辦法，凡102年以後購買教材會員，均可免費再次獲得乙片最完整的教材資料。

102年之前購買本站教學或教材會員，如果你急需本次報導某些資料，請來信註明姓名與學員編號即可免費索取。

之前曾加價100元購買本站後續教材者，請務必上我們提供給您的會員網站，隨時更新最新的寄送地址等資料。

為考量製作與寄送成本，第四期電子報全部完成後的免費贈送光碟片服務，我們只能以平信寄送給你，請見諒。

為提供有表單需求的網友，之前推出加入任何會員，可免費獲贈一年期表單轉信服務，仍然繼續免費提供服務。

玖、如何取得： 拾、結論與建議：