저는 현재 웹 개발 작업을 클래식 IDE에서 웹 브라우저 콘솔로 옮기는 과정에 있습니다. 여기에는 기존 소스 코드를 자주 편집하는 작업이 포함되며, 이는 현재로서는...
- 소스 로깅, 예:
console.log(myFunc.toString()) - 최소한 두 가지 방법으로 텍스트를 클립보드에 복사할 수 있습니다.
- RMB콘솔 메시지를 클릭 하고 선택합니다 Copy Message(불행히도 일부 쓰레기도 복사됩니다).
- LMB메시지의 위에서 아래로 드래그 하고 누르세요 Ctrl+C. (안타깝게도 드래그하여 텍스트를 선택하는 것은 오류가 발생하기 쉽고 전체적으로 시간이 많이 걸립니다)
- (막힌)document.execCommand('복사')에 의해서만 트리거될 수 있습니다.클릭 이벤트
- 콘솔 입력에 텍스트 붙여넣기
내가 원하는 워크플로의 순위를 매겼습니다.
- A등급: 추가 마우스나 키보드 상호작용 없이 단일 함수를 호출하여 직접 콘솔 입력을 채울 수 있습니다. 예를 들어
edit("some text")직접 복사하여 붙여넣는 등 의 작업을 수행합니다.some text - B등급: 단일 함수를 호출하여 일부 텍스트를 클립보드에 복사할 수 있습니다.없이DOM 변경은 Ctrl+V클립보드 내용을 붙여넣는 데만 필요합니다. 예:
copy("some text") - C 계층: B-tier와 동일하지만 DOM 변경이 허용됩니다.
- X 계층: A, B, C 계층 솔루션을 달성하기 위한 브라우저 확장과 관련된 모든 것
답변1
A 계층 솔루션은 달성할 수 없습니다. 왜냐하면 명령줄에 입력된 코드가 자동으로 다른 코드로 대체되어야 하는데 이는 불가능하기 때문입니다. 즉, 해당 기능이 내장되어 있지 않으며현재 확장 기능(Firefox 69 기준)은 명령줄에 액세스할 수 없습니다..
복사는 쉽게 할 수 있지만copy()명령. 따라서 콘솔에서 함수를 편집하려면 호출한 다음 +를 copy(myFunc.toString())통해 붙여넣으면 됩니다 .CtrlV
물론 이것은 다소 제한적입니다. 왜냐하면 일반 전역 함수만 편집할 수 있고 화살표 함수, 개체 메서드 또는 유사한 항목은 편집할 수 없기 때문입니다.
실제 라이브 편집 기능을 사용하려면 기다려야 합니다.버그 771339관련 그것은 우수하다버그 1559482구현됩니다.