Puppeteer IDE 확장: 새로운 기능은 무엇입니까?

변경 사항
추가됨
다중 탭 및 스크립트 지원. 이제 여러 스크립트를 저장하고 자주 사용하는 스크립트를 탭에서 열어 보관할 수 있습니다. 스크립트는 브라우저의 저장소에 저장되며 이 확장 프로그램 외부로 나가는 것은 없습니다.
테마 스위치. 전체 devtools 창의 테마를 변경하는 대신 이제 패널에 대한 별도의 테마 스위치가 있습니다.
어두운 테마
밝은 테마


$0 제안. 편집기에서
$0
를 입력하면 현재 선택된 요소의 선택기 제안이 표시됩니다. 
검사된 창의 콘솔 탭에서 처리되지 않은 오류를 로깅합니다. 처리되지 않은 오류는 이제 확장 패널의 콘솔 탭과 함께 검사된 창의 콘솔 탭에도 기록됩니다.
키보드 단축키.
결정된
추가 정보
가자안삑삑삑 / 꼭두각시-IDE-확장
브라우저의 개발자 도구에 있는 독립 실행형 인형극 놀이터.
꼭두각시 IDE 확장


브라우저의 개발자 도구에서 인형극 스크립트를 작성하고 실행하는 독립 실행형 확장입니다.
Installation •
Usage •
Screenshots •
Build From Source •
Privacy •
Todo •
FAQs

설치
이 확장은 크롬 웹 스토어에 게시됩니다.

용법
이 확장은 인형극 스크립트를 작성하고 실행할 수 있는 브라우저 개발자 도구에 "Puppeteer IDE"라는 추가 탭을 추가합니다.
개발자 도구가 열리는 탭에 직접 page 인스턴스 변수를 사용하십시오.Execute
버튼을 클릭하면 검사된 탭에서 스크립트가 실행됩니다.
스크립트는 편집되는 동안 자동으로 저장됩니다.
스크린샷
$0
사용 :-

어두운 테마 :-

밝은 테마 :-

소스에서 빌드
소스에서 확장을 빌드하려면 :-git clone https://github.com/gajananpp/puppeteer-ide-extension
cd puppeteer-ide-extension
npm install
npm run dist
이렇게 하면 dist 폴더에 확장자가 출력되며 다음을 따라 브라우저에서 로드할 수 있습니다steps ....
View on GitHub
Reference
이 문제에 관하여(Puppeteer IDE 확장: 새로운 기능은 무엇입니까?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/gajananpp/puppeteer-ide-extension-whats-new--2ae2
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
git clone https://github.com/gajananpp/puppeteer-ide-extension
cd puppeteer-ide-extension
npm install
npm run dist
Reference
이 문제에 관하여(Puppeteer IDE 확장: 새로운 기능은 무엇입니까?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/gajananpp/puppeteer-ide-extension-whats-new--2ae2텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)