如何將CSS複製到Chrome中的另一個選項卡？

在Chrome中，我可以通過查詢escape(document.documentElement.innerHTML)使用開發工具窗口實際網頁的HTML從一個選項卡複製到其他的複製粘貼結果到開發工具的其他選項卡的窗口，創建那裏有一個新的元素，並設置其.innerHTML。但是，這不會複製CSS或事件處理程序。我不關心JavaScript和事件處理程序，但我想複製HTML和CSS。什麼是最簡單但忠實的方式來做到這一點？我主要對Google Chrome感興趣，但我也會考慮在Firefox中使用的解決方案。如何將CSS複製到Chrome中的另一個選項卡？

我知道我可以遍歷<link ...>和<style ...>標籤並複製它們，但這會有點間接。我想複製頁面實際CSS的拼接最終版本。

來源

2012-09-21 pts

您可以選擇原始頁面中的元素，然後在樣式窗格中拖動選擇並複製其所有CSS，然後將其粘貼到目標頁面中的樣式表中。到目前爲止，沒有更好的辦法。

如果您有任何關於它如何以另一種方式工作的想法，請在http://new.crbug.com提交功能請求（使用「DevTools：」開始摘要以獲得更快的問題分類）。

來源

2012-09-24 09:24:54

我想複製所有的CSS，不僅僅是單個元素的CSS。頁面上有成千上萬的元素，我不會手動複製所有元素的CSS。 – pts

對不起，我以爲你要複製一個元素的所有數據。那麼，你可能想嘗試傾銷'document.styleSheets [i] .cssRules [j] .cssText'。請記住，實際的樣式表資源文本在被解析後永遠不會存儲在瀏覽器中（並且您可以擁有動態添加的規則並且沒有相應的資源），所以此方法是盡力而爲的方法。 –

如何將CSS複製到Chrome中的另一個選項卡？

回答

相關問題