AncomWiki

Requirify: 브라우저 콘솔에서 동적 라이브러리 로딩

Properties1
descriptionRequirify는 웹 개발자가 크롬 개발자 도구(DevTools) 콘솔에서 Node.js 스타일의 `require()` 문법을 사용하여 npm 모듈을 동적으로 로딩할 수 있게 해주는 크롬 확장 프로그램입니다. Browserify 기반의 CDN(wzrd.in)을 통해 lodash 등 필요한 라이브러리를 즉시 가져와서, 별도 HTML 파일 생성 없이 타 사이트 디버깅이나 API 테스트에 활용할 수 있습니다. 다만 초기 버전 특…

9 min read

Requirify: 브라우저 콘솔에서 동적 라이브러리 로딩

Source

  • Evernote/Inbox/Requirify 크롬 익스텐션.md

Summary

Requirify는 웹 개발자가 크롬 개발자 도구(DevTools) 콘솔에서 Node.js 스타일의 require() 문법을 사용하여 npm 모듈을 동적으로 로딩할 수 있게 해주는 크롬 확장 프로그램입니다. Browserify 기반의 CDN(wzrd.in)을 통해 lodash 등 필요한 라이브러리를 즉시 가져와서, 별도 HTML 파일 생성 없이 타 사이트 디버깅이나 API 테스트에 활용할 수 있습니다. 다만 초기 버전 특성상 HTTPS 사이트에서는 Content Security Policy(CSP) 위반으로 인해 라이브러리 로딩이 제한될 수 있습니다.

Key Points

  • 크롬 DevTools 콘솔에서 require('library-name') 형식으로 npm 모듈을 동적 로딩 가능
  • Browserify 및 browserify-cdn(wzrd.in) 기반 아키텍처 사용
  • 타 사이트 소스 분석 또는 라이브러리 API 테스트 시 별도 환경 구축 없이 즉시 활용 가능
  • HTTPS 사이트에서는 CSP 정책으로 인해 로딩 실패 가능성 존재 (초기 버전 한계)

그래프 뷰

백링크