2011-08-09 64 views
3

我已閱讀過有關擴展的文章,它允許我們編輯和更改現場網站並查看它的外觀。這是專門用於用戶界面設計的。但一些我怎麼無法找到該插件。任何人都可以告訴我,我將如何編輯任何網站的實時頁面我如何更改或編輯實時網站

+0

我知道firebug和chrome devtools,但我在說可視化編輯的東西從一個地方移動div到另一個重新安排頁面元素 –

回答

0

有一些網站專爲A/B測試,讓你這樣做:

只需輸入您的網站網址,它會帶你到一個視覺編輯器,您可以通過拖放操作修改頁面。

+0

感謝這正是我所期待的,你可以建議一些更免費的? –

+0

我不知道副手,但也許你可以找到更多的搜索A/B測試網站,因爲這是這些網站的設計目的。 –

0

Firebug是你在找什麼(適用於Firefox)。

都允許您修改實際的網頁CSS和HTML內容,並立即看到效果

+0

但是如果我想要在不使用瀏覽器擴展的情況下將它集成到應用程序中,情況如何。有沒有可以做到這一點的插件或應用程序? – Alucard

5

Firebug附加組件對Firefox

Developer Tools在Chrome( - - >工具>開發工具通過扳手訪問)。

+1

yaa但我已經讀過關於一個可視化編輯器的地方,它允許你移動divs並重新設計頁面。 –

+0

它也值得列出'Web Developer' [extension](https://chrome.google.com/webstore/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm)和[add-on](https://addons.mozilla.org/en-US/firefox/addon/web-developer /),因爲它有一些很棒的工具,可以使用Firebug/Developer Tools進行更多的工作。 – Alasdair

+0

Firebug擴展沒有被開發或維護。我們邀請您使用Firefox DevTools,而不是Firebug.ne​​xt 來源:http://getfirebug.com/ –

2

你可以用谷歌瀏覽器輕鬆地做到這一點:http://code.google.com/chrome/devtools/還有其他選項,以及(螢火蟲:http://getfirebug.com/

使用Chrome快速速成班:

  • CTRL + SHIFT +我帶來了開發人員工具(或使用J代替我直接進入命令行)。或者,您可以右鍵單擊頁面上的任意位置,然後單擊檢查元素。
  • 在右側可以看到樣式信息。取消選中框以禁用事​​物。雙擊項目進行編輯。這些變化發生在你眼前!
  • 命令行對編輯/調試javascript也很有幫助(請查看左下方的按鈕)。

這應該足以讓你開始。祝你好運!