スタイル付きのHTMLをコピーして、Chromeに表示される関連フォーマットを取得する方法はありますか?たとえば、この質問のタイトルをコピーして、ニュースレタープロバイダー(MailChimp)から提供されたテキストエディターに貼り付け、HTMLモードに切り替えると、実際にコピーされるのは次のとおりです。
<h1 itemprop="name" style="margin: 0px 0px 7px; padding: 0px; border: 0px; font-size: 23.3333339691162px; vertical-align: baseline; font-family: 'Trebuchet MS', 'Liberation Sans', 'DejaVu Sans', sans-serif; line-height: 1.3; background: rgb(255, 255, 255);">
<a href="http://stackoverflow.com/questions/24907135/error-cannot-read-property-of-undefined" class="question-hyperlink" style="margin: 0px; padding: 0px; border: 0px; font-size: 23.3333339691162px; vertical-align: baseline; color: rgb(0, 0, 0); text-decoration: none; cursor: pointer; background: transparent;">
How to see the hidden formats that get copied when copying HTML content?
</a>
</h1>
(ニュースレタープロバイダーではなく)専用ツールを使用してこの情報を抽出する簡単な方法はありますか?
編集:明確にするために、タイトルヘッダーを調べてクリックするとCopy
、CSSが埋め込まれていないHTMLが表示されます。
<h1 itemprop="name">
<a href="/questions/24907376/how-to-see-the-hidden-formats-that-get-copied-when-copying-html-content" class="question-hyperlink">How to see the hidden formats that get copied when copying HTML content?
</a>
</h1>
あなたがやろうとしているのは、スタンドアロンのHTMLをエクスポートすることです。あなたの質問は完全には明確ではありませんが、あなたがあなたの管理下にあるページからそれを取得しようとしていると仮定しているので、Javascriptを実行することができます。
つまり、実行時に、すべての要素に対して有効な「計算された」スタイルを決定し、それらを要素自体に適用する必要があります。その後innerHTML
、含まれている要素のを読み取って処理するだけで、スタンドアロンコンテンツを取得できます。
この質問に対する優れた回答を読んで、すべての要素の実行時計算スタイルを取得する方法を確認してください。次に、それらのそれぞれを、そのstyle
プロパティを介して要素自体に明示的に適用します。innerHTML
プロパティがします返された値でこれらの変更を反映します。
これを実行しようとしているWebページが制御できない場合は、Firefoxの場合はGreaseMonkey、Chromeの場合はTamperMonkeyなどを使用して、いつでも同じコードを挿入できます。これで十分な「ユニバーサルツール」になります。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加