文章彙整

網頁版面快速調整工具:快速移動瀏覽器物件

Astral WebBy Astral Web 3 years agoNo Comments
首頁  /  網站設計與開發  /  網頁版面快速調整工具:快速移動瀏覽器物件

網頁版面調整工具

今天astralweb要與大家分享快速更改網頁上物件的位置,可以省去PS的時間,也很快速,一起來看看如何使用吧!

 

在某些情況下,我們只需要對網頁上的物件位置做調整時,但我們只是想要看看結果如何時,不仿考慮使用這種方式來節省時間吧。但僅限運用在物件位置移動,而縮放、刪除、裁切等,它是做不到的喔! 對於一般民眾不需要使用影像處理軟體,即可做修改,對於網頁設計師來說,省去捕捉畫面、開啟PS、去背、裁切、存檔等步驟,快速做修改。

 

 

1. 首先到 staticresource.com/dragon.js,去複製程式碼

網頁版面調整工具

 

 

 

2. 在我們要修改的網頁視窗中的網址列上輸入javascript:

網頁版面調整工具

 

 

 

3. 將剛剛複製的程式碼貼在輸入文字的後面,並按下Enter

網頁版面調整工具

 

 

 

4. 我們就可以將游標指向所有物件做調整

網頁版面調整工具

 

 

 

5. 完成,也可以將畫面捕捉下來

網頁版面調整工具

希望在未來應用上能更有幫助,如有問題歡迎與我們連繫。

範例來源: http://www.astralweb.com.tw/

 

原文出處:

https://www.youtube.com/watch?v=ytIZbXnNOMM&feature=youtu.be

 

歐斯瑞有限公司編寫製作

 

 

以上內容由Astralweb 歐斯瑞編寫製作

 000

推薦文章

Category:
  網站設計與開發

留下回應

你的電子郵件地址不會被公開.

取得獨家電子商務祕技

建立更好的策略靈感

跟上全球的網路趨勢

絕佳的電商解決方案

電子商務戰略全指南

每月發送電商戰略指南,只要填寫E-mail即可訂閱!

請到您的信箱確認,即可完成訂閱。