2011-08-09 2 views
3

라이브 웹 사이트를 편집하고 변경하는 방법에 대해 알아 보았습니다. 이는 특히 사용자 인터페이스 설계를위한 것입니다. 하지만 일부는 어떻게 그 플러그인을 찾을 수 없습니다. 아무도 내가 anywebsite의 라이브 페이지를 편집하는 방법을 말해 줄 수라이브 웹 사이트를 변경하거나 편집 할 수있는 방법

+0

나는 firebug와 chromt devtools에 대해 알고있다. 그러나 divs를 1 곳에서 다른 곳으로 이동하면서 시각적으로 편집하는 것에 대해 이야기하고있다. –

답변

0

는이 작업을 수행 할 수 있도록 A/B 테스트를 위해 설계된 일부 웹 사이트가있다 편집기에서 드래그 앤 드롭으로 페이지를 수정할 수 있습니다.

+0

감사합니다. 정확히 제가 찾고있는 것이 무엇인가요? –

+0

나는 손을 잘 모른다. 그러나 A/B 테스트 웹 사이트를 검색하여 더 많은 것을 찾을 수있다. –

0

Firebug 당신이 찾고있는 것입니다 (Firefox 용).

은 모두 당신이 라이브 웹 페이지에 CSS와 HTML 콘텐츠를 수정하고 즉시 효과를 볼 수

+0

브라우저 확장을 사용하지 않고 이것을 앱에 통합하고 싶다면 어떨까요? 거기에 pluging이나 할 수있는 응용 프로그램이 있습니까? – Alucard

5

Firebug 부가 기능 크롬에서 파이어 폭스

Developer Tools에 대한이 (- -> 도구> 개발자 도구 스패너를 통해 액세스). 쉽게 구글 크롬이 작업을 수행 할 수 있습니다

+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.next와 함께 제공되는 Firefox DevTools를 대신 사용하십시오. 출처 : http://getfirebug.com/ –

2

는 :

크롬을 사용하여 빠른 충돌 코스 : http://code.google.com/chrome/devtools/ 다른 옵션뿐만 아니라 (http://getfirebug.com/ 방화범이)가 있습니다

  • Ctrl 키를 +는 + 내가납니다 Shift 키 개발자 도구 (또는 I 대신 J를 사용하여 곧바로 명령 줄로 이동). 또는 페이지의 아무 곳이나 마우스 오른쪽 버튼으로 클릭하고 요소 검사를 클릭 할 수 있습니다.
  • 오른쪽에서 스타일 정보를 볼 수 있습니다. 사물을 비활성화하려면 선택을 취소하십시오. 항목을 두 번 클릭하여 편집하십시오. 변화는 눈앞에서 일어납니다!
  • 명령 줄은 자바 스크립트를 편집/디버깅하는 데 큰 도움이됩니다 (왼쪽 하단의 버튼을 확인하십시오).

시작하기에 충분합니다. 행운을 빕니다!

그냥 당신의 웹 사이트 URL을 입력하고 시각적로 이동합니다 :

관련 문제