Firefox 확장 프로그램이 페이지를 어떻게 수정하지 못하도록합니까?

Question

리치 텍스트 편집기가있는 페이지가 있습니다. 편집중인 컨텐츠에 이미지가 포함되어 있고 사용자가 Firefox를 사용 중이고 Pinterest 브라우저 버튼이 설치되어있는 경우 편집기에서 서식있는 텍스트 컨텐츠의 끝에 다음 HTML이 추가됩니다. 편집기의 툴바에있는 소스 버튼을 사용하여 거기에서 볼 수 있으며 양식이 제출되면 추가 된 HTML이 포함되어 서버로 전송됩니다.

<p><span style="border-radius: 2px; text-indent: 20px; width: auto; padding: 0px 4px 0px 0px; text-align: center; font: bold 11px/20px &quot;Helvetica Neue&quot;,Helvetica,sans-serif; color: rgb(255, 255, 255); background: rgb(189, 8, 28) url(&quot;data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzBweCIgd2lkdGg9IjMwcHgiIHZpZXdCb3g9Ii0xIC0xIDMxIDMxIj48Zz48cGF0aCBkPSJNMjkuNDQ5LDE0LjY2MiBDMjkuNDQ5LDIyLjcyMiAyMi44NjgsMjkuMjU2IDE0Ljc1LDI5LjI1NiBDNi42MzIsMjkuMjU2IDAuMDUxLDIyLjcyMiAwLjA1MSwxNC42NjIgQzAuMDUxLDYuNjAxIDYuNjMyLDAuMDY3IDE0Ljc1LDAuMDY3IEMyMi44NjgsMC4wNjcgMjkuNDQ5LDYuNjAxIDI5LjQ0OSwxNC42NjIiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIj48L3BhdGg+PHBhdGggZD0iTTE0LjczMywxLjY4NiBDNy41MTYsMS42ODYgMS42NjUsNy40OTUgMS42NjUsMTQuNjYyIEMxLjY2NSwyMC4xNTkgNS4xMDksMjQuODU0IDkuOTcsMjYuNzQ0IEM5Ljg1NiwyNS43MTggOS43NTMsMjQuMTQzIDEwLjAxNiwyMy4wMjIgQzEwLjI1MywyMi4wMSAxMS41NDgsMTYuNTcyIDExLjU0OCwxNi41NzIgQzExLjU0OCwxNi41NzIgMTEuMTU3LDE1Ljc5NSAxMS4xNTcsMTQuNjQ2IEMxMS4xNTcsMTIuODQyIDEyLjIxMSwxMS40OTUgMTMuNTIyLDExLjQ5NSBDMTQuNjM3LDExLjQ5NSAxNS4xNzUsMTIuMzI2IDE1LjE3NSwxMy4zMjMgQzE1LjE3NSwxNC40MzYgMTQuNDYyLDE2LjEgMTQuMDkzLDE3LjY0MyBDMTMuNzg1LDE4LjkzNSAxNC43NDUsMTkuOTg4IDE2LjAyOCwxOS45ODggQzE4LjM1MSwxOS45ODggMjAuMTM2LDE3LjU1NiAyMC4xMzYsMTQuMDQ2IEMyMC4xMzYsMTAuOTM5IDE3Ljg4OCw4Ljc2NyAxNC42NzgsOC43NjcgQzEwLjk1OSw4Ljc2NyA4Ljc3NywxMS41MzYgOC43NzcsMTQuMzk4IEM4Ljc3NywxNS41MTMgOS4yMSwxNi43MDkgOS43NDksMTcuMzU5IEM5Ljg1NiwxNy40ODggOS44NzIsMTcuNiA5Ljg0LDE3LjczMSBDOS43NDEsMTguMTQxIDkuNTIsMTkuMDIzIDkuNDc3LDE5LjIwMyBDOS40MiwxOS40NCA5LjI4OCwxOS40OTEgOS4wNCwxOS4zNzYgQzcuNDA4LDE4LjYyMiA2LjM4NywxNi4yNTIgNi4zODcsMTQuMzQ5IEM2LjM4NywxMC4yNTYgOS4zODMsNi40OTcgMTUuMDIyLDYuNDk3IEMxOS41NTUsNi40OTcgMjMuMDc4LDkuNzA1IDIzLjA3OCwxMy45OTEgQzIzLjA3OCwxOC40NjMgMjAuMjM5LDIyLjA2MiAxNi4yOTcsMjIuMDYyIEMxNC45NzMsMjIuMDYyIDEzLjcyOCwyMS4zNzkgMTMuMzAyLDIwLjU3MiBDMTMuMzAyLDIwLjU3MiAxMi42NDcsMjMuMDUgMTIuNDg4LDIzLjY1NyBDMTIuMTkzLDI0Ljc4NCAxMS4zOTYsMjYuMTk2IDEwLjg2MywyNy4wNTggQzEyLjA4NiwyNy40MzQgMTMuMzg2LDI3LjYzNyAxNC43MzMsMjcuNjM3IEMyMS45NSwyNy42MzcgMjcuODAxLDIxLjgyOCAyNy44MDEsMTQuNjYyIEMyNy44MDEsNy40OTUgMjEuOTUsMS42ODYgMTQuNzMzLDEuNjg2IiBmaWxsPSIjYmQwODFjIj48L3BhdGg+PC9nPjwvc3ZnPg==&quot;) no-repeat scroll 3px 50%/14px 14px; position: absolute; opacity: 0.85; z-index: 8675309; display: none; cursor: pointer; border: medium none; top: 520px; left: 1368px;">Save</span></p>

포함 된 배경 이미지

는 대표자 아이콘입니다. 이 문제는 Windows 및 Mac에서 발생하지만 Firefox에서만 발생합니다. Chrome이나 Safari에서는 발생하지 않습니다. 단추를 설치하지 않아서 IE11을 테스트 할 수 없었습니다.

플러그인이 서식있는 텍스트 편집기 콘텐츠를 수정하지 못하도록 방지 할 수있는 방법이 있습니까? 아니면, pinterest 플러그인에게 에디터 나 심지어 페이지에만 머 무르도록 지시하는 방법이 있습니까?

Answer 1

짧게 대답하면 은은 Firefox 부가 기능이 웹 페이지를 수정하는 것을 막을 수 없다는 것입니다. Firefox 부가 기능은 브라우저의 권한으로 실행됩니다. 따라서 표시되는 내용, 표시 방법 또는 페이지가 전혀 표시되지 않는 경우에도 완전히 제어 할 수 있습니다. 귀하의 질문은, 본질적으로, "Firefox 브라우저가 Firefox에서 표시하려는 방식으로 내 페이지를 표시하지 못하게 할 수 있습니까?"

당신이해야 할 일은 무엇이든 할 것이라는 사실을 가지고 일해야합니다. 이 확장 기능이 설치된 Firefox 브라우저에서 작동하도록 웹 사이트를 원한다면 확장 기능이 웹 사이트에 어떤 영향을 미치는지 주위에서 해결해야합니다.

이 가능한 다양한 전략 (안 모든 것을 포함하는 목록)입니다 :

1. 연락 Pinerest하고 문제를 알려주십시오. 부가 기능이 웹 사이트에 해를 끼치고있는 것 같습니다. 이것은 의도적 인 것이 아닙니다. 그들에게 버그를 제기하게하십시오. 사이트에 영향을주는 경우 다른 사용자에게 영향을 미치는 것은 일 것입니다.
2. 서버가 입력에서 추가 HTML 코드를 감지하고 자동으로 제거하도록하십시오.

3. 귀하의 웹 페이지에 다른 HTML 구조를 실험 해 보시고 귀하의 서버로 전송 된 데이터에 포함되지 않은 코드를 확장자로 사용하게하는 코드를 찾으십시오.

   내가 저라면, Pinterest 부가 기능의 소스 코드를 살펴볼 것입니다. 대부분의 Firefox 부가 기능과 마찬가지로 일반 JavaScript입니다. 삽입하는 HTML 코드를 넣을 위치를 선택하는 기준을 결정할 수 있어야합니다. 그 사실을 알게되면 추가 기능이 사용자가 신경 쓰는 것을 방해하지 않도록 페이지를 설계하는 것이 상당히 쉽습니다. 약간의 검색을 절약하기 위해 추가 기능의 URL은 현재 here입니다. "다른 이름으로 링크 저장"을 사용하여 .xpi 파일을 어딘가에 저장해야합니다. 그런 다음 .xpi 파일 확장명을 .zip으로 변경하십시오. 그런 다음 패키지에서 애드온의 모든 파일을 추출 할 수 있어야합니다. 이 파일은 일반적인 bootstrapped 부가 기능입니다.

의