CSS:プライバシー保護にアクセス-CSSチュートリアル-php.cn

CSS:プライバシー保護にアクセス

高洛峰

リリース： 2017-02-22 12:59:32

オリジナル

1282 人が閲覧しました

CSS 疑似クラス (疑似クラス)

アンカー疑似クラス: CSS をサポートするブラウザでは、リンクのさまざまな状態をさまざまな方法で表示できます。これらの状態には、アクティブ状態、訪問済み状態、未訪問状態、およびマウスオーバー状態が含まれます。。

a:link {color: #FF0000} /* 未訪問のリンク*/a:visited {color: #00FF00} /* 訪問済みのリンク*/a:hover {color: #FF00FF} /* マウスをリンク上に移動します*/a:active {color: #0000FF} /* 選択されたリンク */

タグの使用では、多くの場合、ホバー後の背景背景、フォントサイズ、フォントサイズ、テキストなどのスタイルを変更する疑似クラスが使用されます。 -装飾テキストスタイル (下線を削除するものはありません)、カラーフォントの色などですが、非常に多くのスタイルは :visited では変更できません。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
.fi:hover{
    text-decoration: none;
    color: green;
    font-size: 20px;
    background-color: red; 
    border: 1px solid black;
}
.se:visited{
    text-decoration: none;/*无效*/
    color: green;
    font-size: 20px;/*无效*/
    background-color: red; /*这个按理来说应该有效*/   
    border: 1px solid black;/*无效*/
}
        </style>
    </head>
    <body>
        <a href="#qwe" class="fi">123465</a><br />
        <a href="#aasd" class="se">7890</a>
    </body>
</html>

ログイン後にコピー

何年も前、CSS:visited はユーザー履歴をクエリする方法でした。それ自体には何の脅威もありませんでしたが、JS の getComputedStyle() と組み合わせると、履歴からどこにいたのかを見つけることができました。その速度は 1 分あたり 210,000 URL に達する可能性があるため、大量の履歴情報を取得したり、指紋印刷を通じて個人情報をコピーしたりすることが可能です。ブラウザは履歴を長期間保存できるため、この方法では閲覧情報のかなりの部分が公開される可能性があります。

すごいですね、この素晴らしい人たちは、毎日リソースをダウンロードしている場所を他人に見られたくないので、ユーザーのプライバシーを保護し始めました。まあ、そうです。

ユーザーがこの Web サイトにアクセスしたことがないかのように、常に値を返すように getComputedStyle メソッドを変更します。 (しかし、私はこれが何であるか試していません。)

:visited 去勢は、color、background-color、border-*-color、outline-color、および一部の fill 属性とストローク属性を変更するためにのみ使用できます。 :link に置き換えられます。また、rgba()、hsla()、透明色は使用できません。

翻訳に間違いがあれば、遠慮なく私の顔を叩いてください。

CSS:visited でのプライバシー保護をさらに強化するには、PHP 中国語 Web サイトの関連記事に注目してください。