ロードされたウェブページからcssパターンを見つけて削除する方法

debugcn 投稿 Dev

jxramos

印刷プレビューで表示されず、空白で表示されるAmazon.comページがあります（これは、オンライン返品センター\返品概要ページです）。ページのローカルに保存されたコピーでの多くの試行錯誤を通して、印刷プレビュー中にすべてを非表示にしていたバグのあるリンクされたスタイルシートの原因を見つけました...

@media print {
    body *, header {
        visibility: hidden;
    }
}

ただし、元のWebサイトに戻ると、開発者ツールのライブページからそのソースを見つけるのに苦労しています。この種の構造を開発者ツールからどこで検索し、それをオーバーライドして、印刷プレビューが期待どおりにレンダリングされるようにできますか？

私が試したこと

これまでのところ、Elementsビューからすべてのlink rel="stylesheet"ヒットを検索し、手動ですべてhrefsのCSSを追跡し、キーワードprintを検索しています。それでうまくいきましたが、リンクタグを削除してページに戻って印刷すると、同じ空白のページが表示されます。多分それはサーバー側のバグですか？

これがheadセクションにあるリンクです

<link rel="stylesheet" href="https://images-na.ssl-images-amazon.com/images/I/01WIasbg6mL._RC|014yivy0BxL.css_.css?AUIClients/PREXWebAppBuzzAssets-confirmationPage">

この悪いCSSを削除するためにローカルで何ができますか？

これが私が話しているプレビューです

ダコタメスビン

著者の回答に対するコメントから：

単一の削除と印刷の場合、リンクされた回答の手順を逆にすることで、通常使用する場合でもChromeにscreenスタイルの使用を強制することができprintます。

Chrome Open up開発ツールを使用している場合は、右上隅にある3つの縦のドットをクリックして、More tools->に移動します。Rendering

次に、Emulate CSS media typeリストボックスを見つけて、を選択しますScreen。印刷をトリガーして印刷プレビューを確認し、コンテンツが期待どおりにレンダリングされるかどうかを調べて、印刷に進みます。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集2021-06-14

コメントを追加

サインイン

分類Dev

Related 関連記事

記事

ロードされたウェブページからcssパターンを見つけて削除する方法

ロードされたウェブページからcssパターンを見つけて削除する方法

前のページ（他のタブ）のウィンドウを見つける方法はありますか？

ウェブページからCSSをアンロードする

vs2017ソフトウェア（およびasp.netコアプロジェクト）でnugetからダウンロードしたパッケージを見つけて使用する方法は？

ウェブページからテーブルを削除し、tables <td>タグ内にネストされた特定のテーブルを除外する方法

ページに追加された動的ボタン、要素を見つける方法がわからない

オブジェクトからすべてのデータを見つける方法をマングース？

Codeigniter WebサイトのURLを使用してangularjsから＃を削除した後、リロードすると、404ページが見つかりません...（ページのメインエラーがリロードされません）？

divを介してロードされたページからドロップダウンを選択する

ウェブページで単語を見つけて、それにスパンを追加します

C＃プロジェクト（ソリューション）でハードコードされたすべての値を見つける方法は？

gdpr /プライバシーを侵害することなく、メールアドレスに基づいてシステムから削除されたユーザーアカウントを特定する方法を見つけようとしています

ドロップダウンから選択したオプションが選択されているかどうかをアサートする方法。セレン。ページオブジェクトモデル

「すべて見る」ボタンに接続されているリンクをウェブページから抽出できません

時間のかかるデータをロードするために初めて配置されたウィジェットのデザインパターン

ローカルから削除されたが、ユーザーブランチとしてリポジトリに存在する場合にgitリポジトリからブランチをダウンロードする方法

ボタンが埋め込まれた私のウェブページに表示されているコードをコピーする方法

コンソールを使用して最もダウンロードされたもので並べ替えられたnugetパッケージを見つける方法は？

Windowsコンピューターから電子メールをスパムする（または少なくともそれらをブロックする）マルウェアを見つける

JAVA：hashMapに格納されているオブジェクトを見つけるための最良のパフォーマンスに関する方法

フラッターウェブを使用して完全に構築されたいくつかのウェブページを見せていただけますか？

実際にウェブページをリロードせずに、hbspartial（nodejs、mogodb、express）をレンダリングしながら、PARTIALと一緒に送信されたデータを更新する方法はありますか？

SSISパッケージに必要なパラメーターを見つけて構成し、コードからそれらを実行する方法

リンク/ウェブページから返された値をphp変数に保存する方法

コンパイラが関数のオーバーロードされたバージョンを見つけられないのはなぜですか？

パッケージがRにどのようにロードされたかを見つける方法は？

2つの結合されたテーブルからカウントを見つける方法

ウェブページ全体の高さを見つける方法は？

protobufを使用して、解析されたオブジェクトからフィールドを削除する方法は？

ウェブサイトの検査ウィンドウから.cssソースファイルを見つける簡単な方法はありますか？