오늘은 다른 웹 브라우저에서 방문한 링크의 색상을 조정하는 방법에 대한 몇 가지 간단한 자습서를 공유하여 이미 탐색한 웹 페이지를 클릭하지 않도록 할 수 있습니다.

이것은 특히 귀하(또는 귀하의 친구 및 가족)가 색맹일 때 유용합니다. 색맹인 사람들은 제대로 설정하지 않으면 방문한 웹 링크와 방문하지 않은 웹 링크의 색상을 구분하기 어렵습니다. 이것은 단순한 웹 브라우징을 실망스러운 경험으로 만들 수 있습니다.

재미있는 비하인드 스토리

요전에 제 사촌이 제 아파트에 들렀는데 제 노트북을 사용하여 검색을 하고 있었습니다. Google에서 무언가를 위해. 여러 번 나는 그가 “바보 같은 나! 이 페이지를 다시 방문하는 이유는 무엇입니까?” 그래서 나는 그에게 이렇게 말했습니다.

• 나: Daniel, 이미 방문한 페이지 결과를 클릭하고 있습니까?
• Daniel: 네. 이유를 모르겠습니다.
• 나: Google 검색 결과에서 방문한 페이지는 빨간색으로 표시되고 방문하지 않은 페이지는 파란색으로 표시됩니다. … (도와주고 싶었을 뿐이에요)
• 다니엘: 제가 보기엔 다 똑같아 보이는 것 같아요.
• 나: 정말요? (농담인 줄 알았는데)… 하나는 연한 보라색이고 다른 하나는 파란색입니다. 알 수 있나요?
• Daniel: 아니요!

우리의 대화는 짐작하셨겠지만 약간 진지해지기 시작했습니다. 네, 제 사촌은 다소 색맹입니다. 좀 더 구체적으로 말하자면 적색 색맹입니다. 나Chrome을 사용하고 내가 방문한 링크의 색상을 빨간색에서 녹색으로 변경하자 그는 즉시 그 차이를 알 수 있었습니다.

색맹이 있습니까?

우선 가지고 있다면 전혀 걱정할 필요가 없습니다. MedlinePlus에 따르면 대부분의 경우 색맹은 유전적이며 치료법이 없습니다. 또한 기분을 좋게 하기 위해 "전 세계적으로 남성의 8%, 여성의 0.5%가 색각 이상을 가지고 있다는 일반적인 합의가 있습니다." (출처)

색맹 여부를 테스트하려면 가장 빠른 방법은 이 Huffington Post 기사를 확인하는 것입니다. 여기에는 Ishihara Color Test에서 가져온 5개의 이미지가 포함되어 있습니다.

더 많은 테스트를 보려면 이 웹사이트를 방문하세요. 시험 결과를 보기 전에 20개의 시험 문제가 주어집니다. 시작하려면 파란색 "테스트 시작"을 클릭하십시오:

대부분의 사람들은 "정상적인 색각"을 가지고 있다고 말할 것입니다:

검색 엔진 페이지 결과의 색 구성표

참고: 기본적으로 Google 및 Bing과 같은 대부분의 검색 엔진은 클릭한 결과를 보라색으로 표시하고 방문하지 않은 결과는 파란색으로 표시합니다. 다음은 두 가지 예입니다.

Google에서 "TechCrunch"를 검색한 후 나온 내용입니다. 이전에 TechCrunch Wikipedia 페이지를 방문한 적이 있기 때문에 지금은 연한 보라색으로 표시되고 Facebook과 YouTube는 여전히 파란색입니다.

Bing에서 "SoftwareHow"를 검색한 결과 다음과 같습니다. Twitter 및 Google+ 페이지는이미 방문했기 때문에 보라색으로 표시되지만 Pinterest 링크는 여전히 파란색입니다.

이제 주제로 돌아가겠습니다. 다양한 웹 브라우저에서 방문한 링크의 색상을 변경하는 방법은 다음과 같습니다.

Chrome에서 방문한 링크 색상을 변경하는 방법

안타깝게도 Chrome 브라우저의 경우 확장 프로그램을 추가해야 합니다. 작동하게 만들다. 다음은 단계별 자습서입니다.

참고: 아래 스크린샷은 macOS용 Chrome(버전 60.0.3112.101)에서 가져온 것입니다. PC를 사용 중이거나 다른 Chrome 버전을 사용 중인 경우 단계가 약간 다를 수 있습니다.

1단계: Chrome을 연 다음 Stylist라는 확장 프로그램을 설치합니다. 파란색 "CHROME에 추가" 버튼을 클릭합니다.

2단계: "확장 프로그램 추가"를 클릭하여 확인합니다. 플러그인이 Chrome에 추가되었다는 알림이 표시됩니다.

3단계: 스타일리스트 확장 아이콘을 마우스 오른쪽 버튼으로 클릭한 다음 옵션을 선택합니다. 스타일 탭에서 새 스타일 추가

4단계: 이제 새 스타일의 이름을 지정하고 '모든 사이트' 옵션을 선택합니다. , 상자에 이 코드 조각(아래 참조)을 복사하여 붙여넣고 저장을 클릭합니다.

A:visited { color: green ! 중요 }

참고: 이 선의 색상은 "녹색"입니다. 다른 색상이나 RGB 코드(예: 255, 0, 0) 로 자유롭게 변경하십시오. 여기에서 더 많은 색상과 코드를 찾을 수 있습니다.

중요: '모든 사이트' 확인다른 사이트에 대한 사용자 경험에 영향을 미칠 수 있습니다. 예를 들어 변경을 구현한 후 Gmail 탭이 모두 빨간색으로 표시되는 것을 확인했습니다. 정말 이상하게 보입니다. 그래서 특정 Google 검색결과에만 변경사항이 적용되도록 허용하는 이 규칙을 추가했습니다.

5단계: 새 스타일이 적용되었는지 확인합니다. 제 경우에는 예 — 방문한 TechCrunch Wikipedia 페이지의 색상이 이제 녹색으로 변경되었습니다(기본값은 빨간색임).

P.S. 방문한 링크 색상이 연한 보라색으로 표시되는 것이 익숙해서 다시 조정했습니다. 🙂

Mozilla Firefox에서 방문한 링크 색상을 변경하는 방법

Firefox 브라우저에서 변경하는 것은 Chrome과 달리 타사 확장 프로그램을 설치할 필요가 없기 때문에 훨씬 더 쉽습니다. 아래의 단계별 가이드를 따르세요.

참고: 이 튜토리얼에서는 macOS용 Firefox 54.0.1을 사용합니다. 다른 버전을 사용 중이거나 Windows PC를 사용 중인 경우 아래와 같은 경로 및 스크린샷이 적용되지 않을 수 있습니다.

1단계: “항상 프라이빗 브라우징 사용 모드” 옵션이 선택 해제됩니다. Firefox 메뉴 열기 > 환경설정 > 개인 정보 보호.

기록 > Firefox는 :, "기록에 대한 사용자 정의 설정 사용"을 선택합니다. "항상 비공개 브라우징 모드 사용"을 선택한 경우 선택을 해제합니다. 선택 해제되어 있으면(기본값) 정상입니다. 2단계로 이동합니다.

2단계: 이제 콘텐츠 > 글꼴 & 그림 물감> 색상.

"색상" 창에서 "방문한 링크:"의 색상을 원하는 색상으로 변경하고 드롭다운 메뉴에서 항상을 선택한 다음 "확인"을 클릭합니다. 버튼을 눌러 변경 사항을 저장합니다.

3단계: 그게 다입니다. 설정 변경이 효과적인지 테스트하려면 Google에서 빠른 검색을 수행하고 방문한 결과의 색상이 변경되었는지 확인하십시오. 제 경우에는 녹색으로 설정했고 작동합니다.

Safari에서 방문한 링크 색상을 변경하는 방법

이 프로세스는 Chrome과 매우 유사합니다. Stylish라는 확장 프로그램을 설치해야 합니다. 아래 튜토리얼을 따라하세요. 여기에서 수행하기 위해 주의해야 할 요령도 지적합니다. 그렇지 않으면 예상대로 작동하지 않습니다.

참고: 저는 macOS용 Safari(버전 10.0)를 사용하고 있습니다. 아래 표시된 스크린샷은 컴퓨터에서 보는 것과 약간 다를 수 있습니다.

1단계: Stylish 확장 프로그램을 다운로드하여(링크 방문) Safari 브라우저에 설치합니다. .

2단계: 스타일리시 확장 프로그램 아이콘(도구 모음 상단에 있음)을 클릭한 다음 "관리"를 선택합니다.

3단계: 새로운 스타일리시 대시보드에서 편집으로 이동합니다. 이 스크린샷에 표시된 대로 네 가지 작업을 완료하세요. CSS 코드 조각은 아래와 같습니다.

A:visited { color: green ! 중요 }

다시 말하지만 제 예의 색상은 녹색입니다. 원하는대로 변경할 수 있습니다. 여기에서 더 많은 색상과 코드를 찾거나여기에 있습니다.

규칙을 설정할 때 세심한 주의를 기울이세요. 예를 들어 Google.com에서 방문한 링크의 색상만 변경하고 싶었습니다. "도메인"을 선택하고 CSS 상자 아래에 "google.com"을 입력합니다. 참고: "www.google.com"은 작동하지 않으므로 입력하지 마십시오. 이 문제를 파악하는 데 약간의 시행착오를 겪었습니다.

4단계: 변경 사항이 적용되었는지 테스트합니다. 내 경우에는 작동합니다.

Microsoft Edge에서 방문한 링크 색상을 변경하는 방법

안타깝게도 Windows 사용자의 경우 아직 색상을 변경할 수 있는 실행 가능한 솔루션을 찾지 못했습니다. 방문하거나 방문하지 않은 링크. Stylish 확장이 Edge에서 작동할 것이라고 생각했지만 틀렸습니다. 하지만 이 토론에서 알 수 있듯이 저 혼자가 아닌 것 같습니다. 많은 사람들이 이 기능을 요구하고 있습니다.

Edge가 이 기능을 추가하거나 타사 확장이 있는 경우 이 게시물을 업데이트하겠습니다. 그렇게 하면 됩니다.

이 기사가 도움이 되었기를 바랍니다. 위 튜토리얼의 단계에 대해 명확하지 않은 경우 알려주십시오. 더 쉬운 방법을 찾으면 아래에 의견을 남겨 알려주십시오.