2011-08-09 10 views
3

私はライブウェブサイトを編集したり、見た目を変えたりするための拡張機能について読んでいます。これは、特にユーザーインターフェイス設計のためのものです。しかし、プラグインを見つけることができないものもあります。誰でも私がanywebsiteのライブページを編集する方法を教えてもらえますかライブウェブサイトを変更または編集するには

+0

私はfirebugとchrome devtoolsについて知っていますが、視覚的に編集することについて話しています。divsを1つの場所から別の場所に移動してページ要素を並べ替えることをお伝えします –

答えて

0

あなたがこれをやらせるA/Bテストのために設計されたいくつかのウェブサイトがあります。

はちょうどあなたのウェブサイトのURLを入力し、それを視覚的に表示されますドラッグアンドドロップでページを変更することができます。

+0

これはまさに私が探しているものです。 –

+0

私はオフハンドを知りませんが、A/Bテストのウェブサイトを検索することで、これらのサイトが設計されているので、より多くを見つけることができます。 –

0

Firebugあなたが探しているもの(Firefox用)です。

+0

ブラウザの拡張機能を使わずにアプリに統合したい場合はどうですか?それを行うことができますplugingまたはアプリですか? – Alucard

5

Firebug ChromeでFirefoxの

Developer Toolsためのアドオン(スパナを介してアクセスする - > [ツール] - > [開発ツール)

どちらも、あなたはライブWebページにCSSとHTMLの内容を変更し、すぐに効果を見ることができます。あなたは簡単にGoogleのChromeでこれを行うことができます

+1

yaaしかし、divを移動してページを再設計するためのビジュアルエディタについて、どこか読んだことがあります。 –

+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拡張機能は開発またはメンテナンス中ではありません。 firebug.ne​​xtに同梱されているFirefox DevToolsを代わりに使用してください。 ソース:http://getfirebug.com/ –

2

http://code.google.com/chrome/devtools/他のオプションがありますだけでなく(Firebugは:http://getfirebug.com/)Chromeを使用して

迅速なクラッシュコース:

  • はCtrl + Iが起動します+ Shiftキー開発ツールを使用します(またはIの代わりにJを使用して、コマンドラインに直接移動します)。または、ページの任意の場所を右クリックして、「要素の検査」をクリックすることもできます。
  • 右側にスタイル情報が表示されます。物を無効にするにはチェックボックスをオフにします。項目をダブルクリックして編集します。変更はあなたの目の前で行われます!
  • コマンドラインは、javascriptの編集/デバッグにも大きな助けとなります(左下のボタンをチェックしてください)。

これで十分なはずです。がんばろう!

関連する問題