Vimium: 사이트 소유자로서 내 페이지에서 Vimium을 비활성화하는 방법이 있습니까?

에 만든 2017년 01월 19일 · 27코멘트 · 출처: philc/vimium

이 답변이 어딘가에 있으면 실례지만 FAQ 또는 README에서 찾을 수 없습니다.

많은 프로그래머들이 사용하는 웹사이트를 운영하고 있습니다. 일부는 Vimium을 사용하며 확장 프로그램이 내 페이지의 특정 요소에 대한 편집을 업그레이드하려고 시도하는 것으로 보입니다. 이로 인해 추적하기 매우 어려운 까다로운 JS 오류와 많은 사용자 고통이 발생했습니다. 오류가 우리 코드와 Vimium 간의 충돌로 인한 것임을 깨닫지 못하기 때문입니다.

"Vimium을 실행하는 경우 이 요소를 개선하지 마십시오"로 요소에 태그를 지정하는 방법이 있습니까? 미리 답변해 주셔서 감사합니다.

출처

vincentwoo

👍5 👎1

가장 유용한 댓글

몇 가지 생각입니다.

웹마스터가 Vimium을 비활성화할 수 있는 방법이 있어야 합니까?

장점: Vimium을 자동으로 비활성화하여 사용자가 앱을 즉시 사용할 수 있도록 할 수 있습니다.
단점: 바로 가기가 갑자기 작동하지 않으면 사용자가 혼란스러워 합니다. 이는 사용자에게 Vimium이 비활성화되었음을 알려줌으로써 완화할 수 있습니다.

웹사이트 소유자가 Vimium을 감지할 수 있는 방법이 있어야 합니까?

장점: Vimium이 정상적인 기능을 방해할 수 있다는 설명을 사용자에게 요청할 수 있습니다.
단점: 이것은 지문을 용이하게 합니다(그러나 이것은 이미 손실된 원인일 수 있음)

웹마스터가 둘 중 하나의 능력을 가지고 있어야 하는지 확실하지 않지만, 만약 그렇다면 우연한 구현 세부사항에 의존해서는 안 됩니다. #2532와 같은 표준화된 솔루션이 올바른 방법일 수 있습니다.

예를 들어 페이지에는 다음이 포함될 수 있습니다.

<meta name="keybinding" disable="suggest")">
<script>
  document.querySelector('meta[name="keybinding"]').addEventListener('detect', () => {
    console.log('hi vimium user');
  });
</script>

이렇게 하면 웹마스터가

Vimium 감지
Vimium 비활성화

Vimium은

사용자가 구성할지 여부를
1. 태그 무시(페이지에서 Vimium이 설치되지 않은 것으로 인식)
2. 메타의 비활성화 속성에 따라 Vimium 비활성화
메타 태그를 확인하고 감지 이벤트를 전달합니다.
페이지가 Vimium을 비활성화하고 있음을 사용자에게 알립니다.

이론적으로 다른 키 바인딩 확장도 이 인터페이스를 구현할 수 있으므로 웹 마스터는 Vimium, cVim, Surfing Keys, Saka Key, VimFx, Vimari 등을 별도로 감지할 필요가 없습니다.

eejdoowad 에 2017년 06월 12일

👍4

모든 27 댓글

@vincentwoo... 현재는 없습니다. 이러한 기능을 사용하려면 신중한 생각이 필요합니다.

smblott-github 에 2017년 01월 20일

👍1

이 기능을 고려하시겠습니까? 그렇다면 주요 관심사가 무엇인지 말씀해 주시겠습니까? 나는 분명히 어떤 발도 밟고 싶지 않지만 Vimium이 설치된 사용자에게 더 나은 사용자 경험을 제공하고 싶습니다.

vincentwoo 에 2017년 01월 20일

+1 이것은 정말 유용한 추가 기능이 될 것입니다.

leeny 에 2017년 01월 24일

Vimium만 초기화된 경우 DOM 준비/창 로드 시 가짜 unload 메시지를 전달할 수 있습니다.

내 예는 다음과 같습니다. https://jsfiddle.net/2L36ypys/ f 를 사용하여 힌트를 활성화할 수 없음을 알 수 있습니다.

이것은 커밋 adce73cb68f7ca3e3e01ca6fbb08a1008c9c8b90(2016/04/05) 이후로 작동합니다.

BTW, 더 많은 단서를 제공할 수 있으며 그러한 충돌을 해결할 수 있습니다.

gdh1995 에 2017년 01월 25일

저는 vimium 사용자가 아니므로 내일 설치하고 보다 구체적인 버그 보고서를 제공하도록 노력하겠습니다. 스니펫 주셔서 감사합니다.

vincentwoo 에 2017년 01월 25일

실제로 https://jsfiddle.net/2L36ypys/1/ 의 테스트에 따르면 페이지가 "loading" 일 때 "호스트" 환경에서 이러한 메시지를 전달할 수 있습니다. Vimium이 unload 설치하기 때문입니다. 다른 모든 페이지 스크립트보다 먼저

그러나 내 Vimium++ 는 이 리스너를 사용하지 않으며 페이지 스크립트로 이를 제거하는 쉬운 방법이 없습니다.

그래서 나는 당신의 검색을 기대하고 있습니다. 오류를 재현할 수 있는 테스트 페이지는 괜찮습니다. 정말 감사합니다.

gdh1995 에 2017년 01월 25일

이와 관련하여 사용자가 Vimium을 사용 중인지 여부를 감지하는 2년 된 프로젝트가 있습니다. 여기에서 유용할 수 있습니다. https://github.com/EvanHahn/Detect-Vimium

pimlottc 에 2017년 04월 05일

@pimlottc Vimium 이 노드를 숨기기 위해 'shadowDOM'을 사용하기 때문에 확장 기능이 1~2년 동안 작동하지 않았습니다.

gdh1995 에 2017년 04월 06일

Vimium 사용자가 내 사이트에서 겪는 문제를 정확히 재현할 수 없었습니다(Vim을 개인적으로 사용하지 않기 때문일 수 있음). 확장에 기능을 추가하지 않도록 요청하기 위해 요소에 일종의 vimium 관련 CSS 클래스를 추가하는 것이 여전히 테이블에 있습니까?

vincentwoo 에 2017년 04월 06일

확장에 기능을 추가하지 않도록 요청하기 위해 요소에 일종의 vimium 관련 CSS 클래스를 추가하는 것이 여전히 테이블에 있습니까?

좋은 아이디어인지 잘 모르겠습니다.

Vimium이 일부 사이트에서 전혀 작동하지 않고 사용자가 이미 사이트에서 Vimium을 비활성화할 수 있는 경우 사용자 혼란을 일으킬 수 있습니다 .

또한 귀하의 아이디어를 추구했다면 사용자가 Vimium을 다시 활성화할 수 있는 메커니즘도 필요할 것입니다.

smblott-github 에 2017년 04월 06일

👍1

괜찮은. Vimium이 활성화되었는지 최소한 알 수 있는 방법이 있습니까? 문제는 이상한 상호 작용으로 인해 고장이 났을 때 사용자가 우리를 비난한다는 것입니다. 내 서비스는 이미 매우 복잡한 편집 화면(CodeMirror)을 사용하고 있으므로 무언가 를 할 수 있기를 바랍니다.

vincentwoo 에 2017년 04월 06일

Vimium이 최소한 DOM에 어떤 식으로든 아티팩트를 추가할 수 있다면 최소한

rtlong 에 2017년 05월 30일

Vimium이 최소한 DOM에 어떤 식으로든 아티팩트를 추가할 수 있다면...

우리는 모든(최상위) 페이지에 Vomnibar를 미리 로드합니다. 적절한 클래스나 ID를 할당할 수 있습니다.

smblott-github 에 2017년 05월 30일

그것은 확실히 도움이 될 것입니다!

vincentwoo 에 2017년 05월 30일

@smblott-github 내 생각은 Vimium이 <div> 에서 <vimium-ui> 와 같은 다른 이름으로 섀도우 호스트 노드의 이름을 바꾼 다음 <html> 의 자식을 검색하는 것으로 충분하다는 것입니다. 이 태그 이름에 대해 이 사용자 정의 요소 태그 이름은 다른 웹 사이트와 동일하지 않을 것이라고 생각합니다.'

gdh1995 에 2017년 05월 30일

내 생각은 Vimium이 <div> 에서 <vimium-ui> 와 같은 다른 이름으로 섀도우 호스트 노드의 이름을 바꾼 다음 이 태그 이름에 대해 <html> 의 자식을 검색하는 것으로 충분하다는 것입니다. .

이 Chromium 문제로 인해 현재 불가능합니다.

웹에서 액세스할 수 있는 리소스를 감지할 수 있습니다. 예를 들어:

var xhr = new XMLHttpRequest(),
    vimiumEnabled = false;
xhr.onerror = xhr.onload = function(){vimiumEnabled = xhr.responseText !== "";};
xhr.open("GET","chrome-extension://dbepggeogbaibhgnhhndojpepiihcmeb/content_scripts/vimium.css");
xhr.send()

mrmr1993 에 2017년 05월 30일

👍1

@mrmr1993 "사용자 정의" 요소를 만들고 싶지 않고 사용자 정의 태그 이름이 있는 HTMLElement 만듭니다. HTMLElement 노드는 HTMLUnknownElement 비슷하지만 여전히 shadowRoot 연결을 지원합니다.

gdh1995 에 2017년 05월 31일

몇 가지 생각입니다.

웹마스터가 Vimium을 비활성화할 수 있는 방법이 있어야 합니까?

장점: Vimium을 자동으로 비활성화하여 사용자가 앱을 즉시 사용할 수 있도록 할 수 있습니다.
단점: 바로 가기가 갑자기 작동하지 않으면 사용자가 혼란스러워 합니다. 이는 사용자에게 Vimium이 비활성화되었음을 알려줌으로써 완화할 수 있습니다.

웹사이트 소유자가 Vimium을 감지할 수 있는 방법이 있어야 합니까?

장점: Vimium이 정상적인 기능을 방해할 수 있다는 설명을 사용자에게 요청할 수 있습니다.
단점: 이것은 지문을 용이하게 합니다(그러나 이것은 이미 손실된 원인일 수 있음)

예를 들어 페이지에는 다음이 포함될 수 있습니다.

<meta name="keybinding" disable="suggest")">
<script>
  document.querySelector('meta[name="keybinding"]').addEventListener('detect', () => {
    console.log('hi vimium user');
  });
</script>

이렇게 하면 웹마스터가

Vimium 감지
Vimium 비활성화

Vimium은

사용자가 구성할지 여부를
1. 태그 무시(페이지에서 Vimium이 설치되지 않은 것으로 인식)
2. 메타의 비활성화 속성에 따라 Vimium 비활성화
메타 태그를 확인하고 감지 이벤트를 전달합니다.
페이지가 Vimium을 비활성화하고 있음을 사용자에게 알립니다.

eejdoowad 에 2017년 06월 12일

👍4

저 역시 vimium을 감지하는 솔루션을 찾고 있습니다. @eejdoowad 의 제안이 멋져 보입니다. 한편 나는 @gdh1995 에 동의합니다. <div> 특유의 id/classname을 사용하면 현재로서는 즉시 문제를 해결할 수 있습니다.

vimium v1.59부터 아래는 작동하는 기능입니다. 신뢰할 수 있는 식별자가 없기 때문에 완전히 신뢰할 수는 없습니다. vimium과 같은 방식으로 shadowDom을 삽입하는 다른 확장 프로그램이 있으면 중단됩니다.

function hasVimium () {
  try {
    const shadowRoot = document.querySelector('html > div').shadowRoot;
    return Boolean(shadowRoot.querySelector('style').textContent.match(/vimium/));
  } catch (e) {
    return false;
  }
}

hackape 에 2017년 06월 29일

내장된 감지 메커니즘이 구현되면 걱정할 것이라고 말씀드리고 싶습니다. 물론 웹사이트 자바스크립트를 금지하지 않는 한 DOM을 변경하는 플러그인을 사용하여 지문을 생성할 수 있지만 적어도 사람들에게 추적할 쉬운 데이터 포인트 대상을 제공하지는 말자...

lindhe 에 2017년 08월 16일

Vimium을 감지하지 못하지만 Vimium 사용자가 페이지를 사용하는 경우에 대비하여 표시할 메시지가 있는 메타 태그를 비활성화하는 옵션과 함께 페이지에 추가하는 메커니즘을 가질 수 있습니다. 따라서 Vimium은 사소한 감지를 피할 수 있으며 사용자에 대해 반드시 배울 필요는 없습니다.

vincentwoo 에 2017년 08월 17일

👍2

이것은 https://github.com/philc/vimium/issues/2504 와 같은 버그 때문에 내가 작업하는 애플리케이션에 매우 필요합니다. 요약하면 vimium을 실행하면 웹 사이트가 반응하기 시작하고 이벤트 핸들러가 쌓이면서 점점 느려집니다.

웹사이트가 다음을 감지할 수 있으면 좋을 것입니다.

사용 중인 vimium 버전
vimium이 활성화/비활성화/부분적으로 비활성화되었는지 여부(및 어떤 키).

그리고 웹사이트가 사용자에게 명확한 방식으로 vimium을 정중하게 비활성화할 수 있다면 좋을 것입니다(예: vimium 아이콘이 더 이상 파란색이 아님)

mgsloan 에 2018년 01월 05일

@mgsloan 예제 페이지를 제공할 수 있습니까? 삽입 모드가 처리되는 방식은 #2504 이후로 크게 변경되었습니다.

(사이트에서 일방적으로 Vimium을 비활성화하는지 잘 모르겠습니다. 상당히 혼란스러울 수 있습니다.)

smblott-github 에 2018년 01월 05일

@smblott-github 안녕하세요, 답변 감사합니다! 실제로 성능 문제가 사라진 것 같습니다. 엄청난!

일부 입력 동작이 vimium이 비활성화된 경우와 상당히 다른 문제가 있습니다. URL을 공유할 수 있는지 문의하고 확인하겠습니다.

mgsloan 에 2018년 01월 11일

안녕하세요! 프로젝트 관리자가 어떤 접근 방식을 수용할 수 있는지 알 수 있습니까? 우리는 이 작업을 완료하기 위해 시간을 기꺼이 기부할 수 있지만(대부분의 vimium 사용자는 CoderPad를 사용합니다) 발가락을 밟고 싶지는 않습니다.

vincentwoo 에 2019년 03월 19일

Vimium이 기대하는 핵심 포인트는 모든 사용자가 고통이나 성가심없이 사용하는 것입니다.

귀하의 사이트에는 입력 상자의 esc 를 포함하여 Vimium과 다른 몇 가지 특별한 작업이 있으므로 Vimium이 옵션 페이지에서 <esc> 를 "제외"하도록 허용해야 합니까?

그렇다면 사용자가 수동으로 구성하고 사이트의 작업을 다시 가져올 수 있습니다(현재 <esc> 는 제외할 수 없는 것 같습니다).

그러나 Vimium이 특별한 조건을 충족하면 자체적으로 비활성화된다는 아이디어는 마음에 들지 않습니다. Vimium의 가치에 해가 됩니다.

Vimium 버전을 게시하는 것과 관련하여 다음과 같이 조언합니다.

Vimium의 버전 문자열이 포함된 웹 액세스 가능한 리소스 경로
- 더 정확하지만 Vimium의 다른 변형에는 적합하지 않습니다.
- 예를 들어 "Vimium C"를 만들고 확장 ID가 다르고 리소스 URL도 다릅니다)
또는 Vimium에서 만들고 "Vimium"과 같은 단어를 포함하는 특수 <meta> 태그
- 확인하기 쉽지만 맬웨어에 의해 남용될 수 있음

gdh1995 에 2019년 03월 20일

최상위 div를 확인하는 것은 사용자가 무언가를 할 때까지 더 이상 마운트되지 않기 때문에 더 이상 작동하지 않는 것 같습니다.

즉, 페이지 로드 시 의존할 아티팩트가 없습니다.

thien-do 에 2020년 09월 14일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Vimium: 사이트 소유자로서 내 페이지에서 Vimium을 비활성화하는 방법이 있습니까?

가장 유용한 댓글

모든 27 댓글

관련 문제