2013年11月20日 星期三

Google Chrome Page Edit 介紹 (http://www.inote.tw/2012/03/chrome-page-edit.html)

對於網頁開發者來說,Google Chrome、Firefox都提供了一個非常好的網頁開發檢視工具,而在Firefox11也加入了「Titl 3D」的網站檢視方式,讓網頁開發者更容易開發。然而,對於網頁開發者來說,有時難免還是會有一點錯,比如說圖片插入錯誤,或是只是想要調整美工的編排,那麼我們何不在現成的網頁上,重新調整過後,再一次儲存檔案呢?而又如何在現成的網頁基礎上,使用直觀的編輯器來幫我們完成工作呢?你可以試試「Page Edit」這個工具。
Page Edit  介紹
軟體版本:0.028
支援瀏覽器:Google Chrome
套件用途:讓你能在現有的網頁上,使用WYSIWYG編輯器來重新編排網站
套件下載:[Chrome] 

Step 1.
首先,以Chrome為例,用戶請先連至「Chrome Extension」,並且安裝此套件。安裝完成後,直接下此套件的圖示,以開始編輯網頁。


Step 2.
以改變影像為例,只要再影像處,按下【滑鼠右鍵】→【影像屬性】。


Step 3. 
接著,輸入影像的網址或是重新輸入說明。


Step 4. 
改變完之後,按下【原始碼】就可以看改變過後的程式碼囉!而按下【儲存】鈕則是可以將編輯的成果儲存下來。


另外,也可以看看影片的網址,我想看完之後會更容易懂的。
文章範本 欄位內容

沒有留言:

張貼留言