現在、Web 開発作業を従来の IDE から Web ブラウザー コンソールに移行する作業を行っています。これには既存のソース コードの頻繁な編集が伴うため、現時点では...
- ソースのログ記録、例:
console.log(myFunc.toString())
- テキストをクリップボードにコピーします。これには少なくとも 2 つの方法があります。
- RMBコンソールメッセージをクリックして選択しますCopy Message(残念ながら、これによりゴミもコピーされます)
- LMBメッセージの上から下までドラッグしてクリックしますCtrl+C(残念ながら、ドラッグによるテキストの選択はエラーが発生しやすく、全体的に時間がかかります)
- (ブロックされた)document.execCommand('コピー')によってのみ誘発されるクリックイベント
- コンソール入力にテキストを貼り付ける
私が望むワークフローをランク付けしました:
- A層: 単一の関数を呼び出すだけでコンソール入力を直接入力できます。マウスやキーボードの操作は必要ありません。たとえば、
edit("some text")
直接コピーして貼り付けるなどです。some text
- B層: 1つの関数を呼び出すだけでテキストをクリップボードにコピーできますそれなしDOMの変更は、Ctrl+Vクリップボードの内容を貼り付ける場合にのみ必要です。例:
copy("some text")
- C層: B層と同じですが、DOMの変更は許可されます
- X 層: A層、B層、C層のソリューションを実現するためのブラウザ拡張機能を含むもの
答え1
A層のソリューションは実現できません。これは、コマンドラインに入力されたコードが自動的に別のものに置き換えられる必要があるためですが、これは不可能です。つまり、そのための組み込み機能は存在せず、拡張機能は現在(Firefox 69現在)コマンドラインにアクセスできません。
コピーは簡単にできるが、copy()
指示したがって、コンソールで関数を編集したい場合は、 を呼び出して、 +copy(myFunc.toString())
経由で貼り付けるだけです。CtrlV
もちろん、これは多少制限があります。通常のグローバル関数しか編集できず、矢印関数、オブジェクト メソッドなどは編集できないからです。
実際のライブ編集機能については、バグ 771339それぞれ優れているバグ 1559482実施される。