Chrome、Safari、Firefox で訪問済みリンクの色を変更する方法
今日は、さまざまな Web ブラウザーでアクセスしたリンクの色を調整する方法に関するいくつかの簡単なチュートリアルを共有したいと思いました。これにより、既に閲覧した Web ページをクリックするのを避けることができます。
これは、あなた (またはあなたの友人や家族) が色盲の場合に特に役立ちます。 色盲の人にとって、適切に設定されていないと、訪問済みの Web リンクと未訪問の Web リンクの色の違いを見分けるのは困難です。 これにより、単純な Web ブラウジングが苛立たしい経験になる可能性があります。
その背後にある楽しい話
先日、いとこが私のアパートに立ち寄り、私のラップトップを使って Google で何かを検索していました。 何度か彼が言うのを聞いた。 このページに再びアクセスするのはなぜですか?」 そこで私は彼にこう言いました:
- 私: ダニエルさん、既にアクセスしたページの検索結果をクリックしていますか?
- ダニエル: うん。 どうしてか分かりません。
- 私: Google の検索結果でアクセスしたページは赤でマークされ、アクセスしていないページは青でマークされています。
- ダニエル: 私にはどれも同じに見えると思います。
- 私:本当ですか? (冗談かと思った)…おい、違う色だ。 XNUMXつはライトパープル、もうXNUMXつはブルーです。 教えてくれますか?
- ダニエル: いや!
ご想像のとおり、私たちの会話は少し深刻になり始めました。 ええ、私のいとこはやや色覚異常です。より具体的には、赤の色覚異常です。 私は Chrome を使用しており、訪問したリンクの色を赤から緑に変更した後、彼はすぐに違いを見分けることができました。
目次
色盲ですか?
まず、持っていれば全く気にする必要はありません。 ほとんどの場合、色覚異常は遺伝性であり、治療法はありません。 MedlinePlusの. また、気分を良くするために、「世界の男性の 8% と女性の 0.5% が色覚異常を持っているという一般的な合意があります。」 (ソース)
色弱かどうかをテストするには、チェックアウトするのが最も簡単な方法です このハフィントンポストの記事. Ishihara Color Test から提供された XNUMX つの画像が含まれています。
より多くのテストについては、次のことができます。 このウェブサイトをご覧ください. テスト結果が表示される前に、20 の試用問題が表示されます。 青い「START TEST」をクリックして開始します。
ほとんどの人は、「正常な色覚」を持っていると言われます。
検索エンジン ページの結果の配色
注: デフォルトでは、Google や Bing などのほとんどの検索エンジンは、クリックした結果を紫、未訪問の結果を青でマークします。 これが2つの例です。
これはGoogleで「TechCrunch」と検索して出てきたものです。 TechCrunch ウィキペディアのページは以前にも訪れたことがあるので、Facebook と YouTube はまだ青色のままですが、現在は薄い紫色になっています。
Bing で「TechFewer」を検索したところ、次のような結果が表示されました。 Twitter と Google+ のページは既にアクセス済みであるため、同様に紫色でマークされていますが、Pinterest のリンクは青色のままです。
では、本題に戻りましょう。 さまざまな Web ブラウザーで訪問したリンクの色を変更する方法は次のとおりです。
Google Chrome で訪問済みリンクの色を変更する方法
残念ながら、Chrome ブラウザーの場合、機能させるには拡張機能を追加する必要があります。 ステップバイステップのチュートリアルは次のとおりです。
注: 以下のスクリーンショットは、Chrome for macOS (バージョン 60.0.3112.101) から取得したものです。 PC または別のバージョンの Chrome を使用している場合は、手順が若干異なる場合があります。
ステップ1: Chrome を開き、この拡張機能をインストールします。 スタイリスト. 青色の「ADD TO CHROME」ボタンをクリックします。
ステップ2: 「拡張機能を追加」をクリックして確認します。 プラグインが Chrome に追加されたことを示す通知が表示されます。
ステップ3: Stylist 拡張機能のアイコンを右クリックし、[オプション] を選択します。 [スタイル] タブで、 新しいスタイルを追加します。
ステップ4: 新しいスタイルに名前を付け、[すべてのサイト] オプションをオンにし、このコードをコピーしてボックスに貼り付け (以下を参照)、[保存] をクリックします。
A:訪問しました {色:緑! 重要 }
注:この線の色は「緑」です。 別の色または RGB コード (たとえば 255、0、0) に自由に変更してください。. より多くの色とそのコードを見つけることができます 詳細を見る.
重要: [すべてのサイト] をオンにすると、他のサイトでのユーザー エクスペリエンスに影響する場合があります。 たとえば、変更を実装した後、Gmail のタブがすべて赤く表示されることに気付きました。 これは絶対に奇妙に見えます。 そこで、特定の Google 検索結果に影響を与える変更のみを許可するこのルールを追加しました。
ステップ5: 新しいスタイルが有効になっているかどうかを確認します。 私の場合、はい — 訪問した TechCrunch ウィキペディアのページの色が緑に変更されました (デフォルトでは赤でした)。
PS 訪問したリンクの色が薄紫で表示されることに慣れているので、元に戻しました。
Mozilla Firefox で訪問済みリンクの色を変更する方法
Chrome とは異なり、サードパーティの拡張機能をインストールする必要がないため、Firefox ブラウザーでの変更はさらに簡単です。 以下のステップバイステップガイドに従ってください。
注: このチュートリアルでは、macOS 用の Firefox 54.0.1 を使用します。 別のバージョンを使用している場合、または Windows PC を使用している場合、以下に示すパスとスクリーンショットは適用されない場合があります。
ステップ1: 「常にプライベート ブラウジング モードを使用する」オプションの選択が解除されていることを確認します。 Firefox メニュー > 設定 > プライバシー を開きます。
[履歴] > [Firefox] で:、「履歴にカスタム設定を使用する」を選択します。 「常にプライベート ブラウジング モードを使用する」にチェックが入っている場合は、チェックを外します。 選択されていない場合 (デフォルト)、問題ありません。 ステップ 2 に進みます。
ステップ2: さあ行く コンテンツ > フォントと色 > 色。
[色] ウィンドウで、[訪問したリンク:] の色を目的の色に変更し、ドロップダウン メニューで [常時] を選択し、[OK] ボタンをクリックして変更を保存します。
ステップ3: それでおしまい。 設定の変更が有効かどうかをテストするには、Google で簡単に検索して、アクセスした結果の色が変更されているかどうかを確認します。 私の場合、それらを緑に設定しましたが、機能します。
Safariで訪問済みリンクの色を変更する方法
このプロセスは、Chrome のものと非常によく似ています。 スタイリッシュという拡張機能をインストールする必要があります。 以下のチュートリアルに従ってください。ここでは、注意して実行する必要があるトリックも指摘しています。 そうしないと、期待どおりに動作しません。
注: macOS (バージョン 10.0) 用の Safari を使用しています。 以下に示すスクリーンショットは、お使いのコンピューターで表示されるものとは若干異なる場合があります。
ステップ1: ゲット スタイリッシュ 拡張機能 (リンクにアクセス) を開き、Safari ブラウザーにインストールします。
ステップ2: スタイリッシュな拡張機能アイコン (ツールバーの上部にあります) をクリックし、[管理] を選択します。
ステップ3: 新しいスタイリッシュなダッシュボードで、[編集] に移動します。 このスクリーンショットに示すように、XNUMX つのタスクを完了します。 CSS コードの一部を以下に示します。
A:訪問しました {色:緑! 重要 }
繰り返しますが、私の例の色は緑です。 好きなように変更できます。 より多くの色とそのコードを見つける 詳細を見る or 詳細を見る.
ルールを設定するときは細心の注意を払ってください。 たとえば、Google.com でアクセスしたリンクの色だけを変更したいと考えていました。 「ドメイン」を選択し、CSS ボックスの下に「google.com」と入力します。 注: 「www.google.com」は機能しないため、入力しないでください。 これを理解するには、試行錯誤が必要でした。
ステップ4: 変更が反映されたかどうかをテストします。 私の場合、それは機能します。
Microsoft Edge で訪問済みリンクの色を変更する方法
残念ながら、Windows ユーザーにとっては、訪問済みまたは未訪問のリンクの色を変更する実行可能な解決策をまだ見つけていません。 スタイリッシュな拡張機能は Edge で動作すると思っていましたが、違いました。 しかし、あなたが見ることができるように、私は一人ではないようです この議論 多くの人がこの機能を求めています。
Edge にこの機能が追加された場合、またはジョブを実行するサードパーティの拡張機能がある場合は、この投稿を更新します。
この記事がお役に立てば幸いです。 上記のチュートリアルの手順について不明な点がある場合はお知らせください。 もっと簡単な方法を見つけた場合は、下にコメントを残してお知らせください。
最後の記事