Google Chrome용 Firebug와 유사한 디버거

Google Chrome용 Firebug와 유사한 디버거

구글 크롬 내에서 파이어버그와 같은 것을 사용할 수 있습니까?

원하는 기본 기능:

• HTML 소스 검사(요소 선택, 삭제 등)
• CSS 값을 확인합니다(내장 솔루션이 이상합니다.

이미 크롬에 파이어버그와 같은 도구가 내장되어 있습니다.페이지의 아무 곳이나 마우스 오른쪽 단추로 누르고 메뉴에서 "Inspect 요소"를 선택합니다.Chrome에는 디버깅을 위한 그래픽 도구(Firebug와 같은)가 있으므로 JavaScript를 디버깅할 수 있습니다.그것은 또한 CSS 검사를 잘 하고 심지어 CSS 렌더링을 즉시 변경할 수 있습니다.

자세한 내용은 https://developers.google.com/chrome-developer-tools/ 를 참조하십시오.

Firebug Lite는 HTML 요소, 계산된 CSS 스타일 등을 검사할 수 있도록 지원합니다.그것은 순수한 자바스크립트이기 때문에, 많은 다양한 브라우저에서 작동합니다.원본에 스크립트를 포함하거나 책갈피 줄에 책갈피를 추가하여 클릭 한 번으로 모든 페이지에 포함할 수 있습니다.

http://getfirebug.com/lite.html

Firebug / Chrome Inspector를 매일 사용하는 사용자로서 몇 가지 요점을 추가하는 것:

1. 작성 당시 Google DOM 검사기만 있고 Firebug의 모든 기능을 가지고 있지 않습니다.

2. Inspector는 Firebug의 'lite' 버전입니다.인터페이스는 IMO만큼 좋지 않고, 두 최신 버전의 요소 검사는 이제 덜렁거렸지만, 파이어버그는 여전히 더 낫습니다. 크롬에 대한 사랑을 찾으려고 노력하는 자신을 발견했습니다. (더 좋고, 더 빠른 브라우저 경험이기 때문에) 하지만 개발 작업의 경우, 여전히 저에게는 최악입니다.

3. DOM / CSS의 라이브 미리보기 / 수정은 Firebug에서 훨씬 낫습니다; 계산된 CSS와 박스 모델 뷰는 Firebug에서 더 낫습니다;

4. Firebug를 읽고 사용하는 것이 더 쉬워졌습니다. 아마도 몇 가지 주요 영역에서 문서를 탐색, 조작/수정하는 것이 쉬웠기 때문일 것입니다.누가 알겠어요.저는 인터페이스에 익숙하고 Chrome Inspector가 별로 좋지 않다고 생각하지만 이것은 제가 주관적인 것임을 인정합니다.

5. 쿠키/넷 탭은 Firebug에서 매우 유용합니다.크롬 인스펙터가 지금 가지고 있는 것이 아닐까요?지난번에 확인했을 때 크롬은 당신의 개입 없이 백그라운드에서 스스로 업데이트하기 때문에 그렇지 않았습니다(모든 좋은 오버로드와 마찬가지로 기본적으로 당신의 동의를 얻습니다).

6. 마지막 지점:Google Chrome이 완전한 기능을 갖춘 Firebug를 얻는 날은 Firefox가 개발자들에게 기본적으로 죽는 날입니다. Firefox의 레이아웃 엔진 Gecko를 WebKit만큼 빠르게 만드는 데 3년이 걸렸지만 개발자들은 그렇지 않았기 때문입니다.너무 직설적으로 말해서 미안하지만 사실입니다.

이제 모든 사람들이 모바일 접근성과 상호 작용(iPhone, iPad, Android)에 의해 동기 부여된 jQuery 대신 플래시에서 멀어지기를 원하며 JavaScript는 '갑자기' 큰 문제가 되었습니다(비꼬는 말입니다). 그래서 Firefox라는 배가 출항했습니다.그것은 저를 모질라 팬으로서 슬프게 합니다.파이어폭스가 자바스크립트 엔진을 업그레이드하기 전까지는 크롬이 더 나은 브라우저일 뿐입니다.

F12

나는 짧은키를 좋아합니다.

파이어버그 라이트라고 불리는 이것을 사용해 보십시오. 크롬의 베타 버전에서 작동하는 것으로 보입니다.

https://chrome.google.com/extensions/ 에서도 확인할 수 있습니다.

크롬/크로뮴 브라우저에서 Firebuglite를 항상 사용할 수 있도록 "책갈피 모음"에서 이 책갈피를 설정할 수 있습니다(URL로 입력).

javascript:var firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);

또는 사용자 스크립트 시도: http://dev.chromium.org/developers/design-documents/user-scripts

jQuerify는 크롬 콘솔에 jQuery를 내장하기에 완벽한 확장이며 상상할 수 있는 만큼 간단합니다.또한 이 확장은 jQuery가 이미 페이지에 포함되어 있는지 여부를 나타냅니다.

이 확장은 원하는 페이지에 jQuery를 포함하는 데 사용됩니다.콘솔 셸에서 jQuery를 사용할 수 있습니다(+"+"."로 크롬 콘솔을 호출할 수 있습니다).

선택한 탭에 jQuery를 포함시키려면 확장 버튼을 클릭합니다.

Firebug Chrome 공식 확장자 또는 사용자가 직접 확장자를 다운로드하여 패키지화할 수 있습니다.

https://getfirebug.com/releases/lite/chrome/

글쎄요, 구글 크롬에 그리스몽키 스크립트를 활성화할 수 있어서 이 방법을 사용하여 파이어버그를 설치할 수 있는 방법이 있을까요?Firebug Lite도 작동하겠지만, 전체 기능을 사용하는 것과 같은 느낌은 아닙니다.

willshouse.com/2009/05/29/install-greasemonkey-for-chrome-a-better-guide/

이것은 당신의 질문에 대답하지 않지만, 만약 당신이 그것을 놓쳤다면, Chrome: https://chrome.google.com/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm 에서 Chris Pederick의 웹 개발자를 이용할 수 있습니다.

이 브라우저 독립 검사자, 돔 업데이터에 필요한 모든 것을 잊어버립니다.

https://goggles.webmaker.org/en-US

그냥 북마크를 하고 아무 웹페이지나 가서 그 북마크를 클릭하세요.

이것은 사실 모질라 프로젝트 고글입니다, 놀랍고 놀라운...

F12 (Linux 및 Windows에만 해당)

OR

Ctrl ⇧ I

(⌥Mac을I 사용하는 경우)

Google Chrome용 Firebug Lite를 사용해 보십시오.

만약 당신이 밤마다 ppa를 사용하는 Ubuntu에서 크롬을 사용하고 있다면, 당신은 그것을 가지고 있어야 합니다.chromium-browser-inspector

언급URL : https://stackoverflow.com/questions/308125/firebug-like-debugger-for-google-chrome