웹 프론트엔드 JS 튜토리얼 사용자 스크린샷을 제한하는 프런트엔드 아이디어에 대해 심도 있게 이야기해 보겠습니다.

사용자 스크린샷을 제한하는 프런트엔드 아이디어에 대해 심도 있게 이야기해 보겠습니다.

Nov 07, 2022 pm 04:56 PM
javascript 프런트 엔드 안전

저작권이 중요한 백엔드 시스템이나 프로젝트를 작업할 때 제품에서는 종종 다음과 같은 요구 사항을 제기합니다. 사용자가 스크린샷을 찍는 것을 금지할 수 있나요? 숙련된 개발자가 직접 제품을 거부하는 것이 아니라 안내해 드립니다.

먼저 초기 요구 사항이 무엇인지 이해하시나요? 콘텐츠 데이터는 너무 민감하므로 유출이 엄격히 금지됩니다. 혹은 내용이 유출된 후에는 출처를 추적하여 책임을 져야 합니다. 다양한 요구사항에는 다양한 솔루션이 필요합니다. 사용자의 스크린샷을 제한하는 방법에 대해 살펴보겠습니다. 어떻게 생각하시나요? [추천: 웹 프론트 엔드 튜토리얼]

어떤 아이디어가 있나요? V 사이트와 Xinhu 전문가들이 많은 아이디어를 주셨고, 몇 가지 아이디어를 추가했습니다.

1. 우클릭 저장 및 드래그를 방지하는 기본 솔루션입니다.
  • 이 솔루션은 가장 기본적이며 현재 일부 초보 사용자만 차단할 수 있습니다. 브라우저라면 몇 분만에 콘솔을 불러와 이미지 URL을 직접 찾아보세요. Ctrl+P를 직접 눌러 인쇄 모드로 들어가 직접 저장한 후 잘라낼 수도 있습니다.

2. 초점 흐림 후 마스크 레이어 추가
  • 이 솔루션은 약간 흥미롭습니다. 민감한 정보를 볼 때 사진이 완전히 표시되도록 하려면 특정 버튼을 마우스로 클릭해야 합니다. 초점을 잃으면 이미지가 불완전하게 표시되거나 마스크로 직접 가려집니다.

3. 고속 동적 모자이크
  • 이 솔루션은 일부 웹사이트에 적용되었으며, 고객의 경우 모든 이미지가 화면에 표시됩니다. 순간은 완전한 이미지이고 사용자는 시각적 잔여물에 의존하여 이미지나 비디오를 봅니다. 휴대폰으로 사진을 찍어도 완전하게 담을 수는 없습니다. 실제 적용에서는 아직 최적화해야 할 점이 많습니다. 예를 들어 휴대폰으로 녹화하면 전체 내용을 볼 수 있지만, 스크린샷을 찍는 데 드는 비용만 늘어날 뿐입니다.
다음은 Zhihu에 대한 계획의 효과입니다.

원본주소 : https://www.zhihu.com/question/417108591/answer/1450568587

사용자 스크린샷을 제한하는 프런트엔드 아이디어에 대해 심도 있게 이야기해 보겠습니다.Serious need vs Solutions

사실, 사용자의 스크린샷 촬영을 제한하는 해결책은 무리입니다. 전체 장비가 모두 맞춤화되고 스크린샷 기능이 소프트웨어에서 거세되지 않는 한. 이 요구 사항에 대해 더 복잡한 기능을 추가하는 것은 보안이 그다지 높지 않은 일부 요구 사항에 대해 말보다 카트를 먼저 두는 것입니다.

진지한 해결책에 대해 이야기해 보겠습니다.

1. 중요한 데이터나 배경 시스템의 사진의 경우 주로 유출이 걱정된다면 45도 7색 워터마크를 사용하는 것은 거의 불가능합니다. 완전히 제거하려면 모양과 느낌이 상대적으로 좋지 않습니다.

2. 이미지 저작권의 경우 현재 주류인 블라인드 워터마크를 사용할 수 있습니다. 물론, 저작권 수요가 높을수록 효과가 더 좋습니다.

3. 동영상 솔루션, 틱톡을 다운로드하면 워터마크가 맴돌게 됩니다. 물론 원본 사진이 아닌 가공된 영상이라 화질 손실이 상대적으로 높습니다. Netflix와 같은 비디오 웹사이트는 서버측 권한 제어를 사용합니다. 비디오 스트리밍을 통해 암호화된 비디오는 재생될 때마다 다운로드되며, 라이선스를 획득한 후 로컬에서 복호화되어 재생됩니다. 중지하면 라이센스가 무효화됩니다.

요컨대, 안드로이드에서 제공하는 스크린샷 API 등 저수준 기능을 제외하고는 다른 기능 구현이 완벽하지 않습니다. 하단 레이어를 제어하더라도 여전히 사진과 동영상을 촬영할 수 있습니다. 완벽한 해결책은 없습니다. 그러나 비교적 안전하게 수행할 수 있습니다.

위 내용은 사용자 스크린샷을 제한하는 프런트엔드 아이디어에 대해 심도 있게 이야기해 보겠습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Java 프레임워크 보안 아키텍처 설계는 비즈니스 요구 사항과 어떻게 균형을 이루어야 합니까? Java 프레임워크 보안 아키텍처 설계는 비즈니스 요구 사항과 어떻게 균형을 이루어야 합니까? Jun 04, 2024 pm 02:53 PM

Java 프레임워크 디자인은 보안 요구 사항과 비즈니스 요구 사항의 균형을 유지하여 보안을 가능하게 합니다. 즉, 주요 비즈니스 요구 사항을 식별하고 관련 보안 요구 사항의 우선 순위를 지정합니다. 유연한 보안 전략을 개발하고, 계층적으로 위협에 대응하고, 정기적으로 조정하세요. 아키텍처 유연성을 고려하고 비즈니스 발전을 지원하며 보안 기능을 추상화합니다. 효율성과 가용성의 우선순위를 정하고 보안 조치를 최적화하며 가시성을 향상시킵니다.

AI의 새로운 세계 과제: 보안과 개인 정보 보호는 어떻게 되었나요? AI의 새로운 세계 과제: 보안과 개인 정보 보호는 어떻게 되었나요? Mar 31, 2024 pm 06:46 PM

생성 AI의 급속한 발전으로 인해 개인 정보 보호 및 보안에 전례 없는 문제가 발생하여 규제 개입에 대한 긴급한 요청이 촉발되었습니다. 지난 주, 저는 워싱턴 D.C.에서 몇몇 국회의원 및 그 직원들과 함께 AI가 보안과 관련된 영향에 대해 논의할 기회를 가졌습니다. 오늘날의 생성적 AI는 기초 연구, 잠재 잠재력 및 학문적 활용을 갖춘 1980년대 후반의 인터넷을 생각나게 하지만 아직 대중에게 공개될 준비가 되어 있지 않습니다. 이번에는 마이너 리그 벤처 캐피털과 트위터 에코 챔버에서 영감을 받은 자유로운 벤더 야망이 AI의 "멋진 신세계"를 빠르게 발전시키고 있습니다. "공용" 기본 모델은 결함이 있고 소비자 및 상업적 용도로 적합하지 않습니다. 만약 존재한다면 공격 표면으로 인해 체처럼 누출되는 보안 구조가 중요합니다.

Struts 2 프레임워크의 보안 구성 및 강화 Struts 2 프레임워크의 보안 구성 및 강화 May 31, 2024 pm 10:53 PM

Struts2 애플리케이션을 보호하려면 다음 보안 구성을 사용할 수 있습니다. 사용하지 않는 기능 비활성화 콘텐츠 유형 확인 활성화 입력 유효성 검사 보안 토큰 활성화 CSRF 공격 방지 RBAC를 사용하여 역할 기반 액세스 제한

PHP 마이크로프레임워크: Slim 및 Phalcon의 보안 논의 PHP 마이크로프레임워크: Slim 및 Phalcon의 보안 논의 Jun 04, 2024 am 09:28 AM

PHP 마이크로프레임워크에서 Slim과 Phalcon의 보안 비교에서 Phalcon에는 CSRF 및 XSS 보호, 양식 유효성 검사 등과 같은 보안 기능이 내장되어 있는 반면 Slim에는 기본 보안 기능이 부족하고 수동 구현이 필요합니다. 보안 조치. 보안이 중요한 애플리케이션의 경우 Phalcon은 보다 포괄적인 보호 기능을 제공하며 더 나은 선택입니다.

C++에서 기계 학습 알고리즘 구현: 보안 고려 사항 및 모범 사례 C++에서 기계 학습 알고리즘 구현: 보안 고려 사항 및 모범 사례 Jun 01, 2024 am 09:26 AM

C++에서 기계 학습 알고리즘을 구현할 때 데이터 개인 정보 보호, 모델 변조, 입력 유효성 검사를 포함한 보안 고려 사항이 중요합니다. 모범 사례에는 보안 라이브러리 채택, 권한 최소화, 샌드박스 사용 및 지속적인 모니터링이 포함됩니다. 실제 사례에서는 Botan 라이브러리를 사용하여 CNN 모델을 암호화 및 해독하여 안전한 교육 및 예측을 보장하는 방법을 보여줍니다.

PHP 보안 모범 사례를 구현하는 방법 PHP 보안 모범 사례를 구현하는 방법 May 05, 2024 am 10:51 AM

PHP 보안 모범 사례를 구현하는 방법 PHP는 동적 및 대화형 웹 사이트를 만드는 데 사용되는 가장 인기 있는 백엔드 웹 프로그래밍 언어 중 하나입니다. 그러나 PHP 코드는 다양한 보안 취약점에 취약할 수 있습니다. 이러한 위협으로부터 웹 애플리케이션을 보호하려면 보안 모범 사례를 구현하는 것이 중요합니다. 입력 유효성 검사 입력 유효성 검사는 사용자 입력의 유효성을 검사하고 SQL 삽입과 같은 악의적인 입력을 방지하는 중요한 첫 번째 단계입니다. PHP는 filter_var() 및 preg_match()와 같은 다양한 입력 유효성 검사 함수를 제공합니다. 예: $username=filter_var($_POST['사용자 이름'],FILTER_SANIT

Spring Boot 프레임워크의 보안을 강화하는 방법 Spring Boot 프레임워크의 보안을 강화하는 방법 Jun 01, 2024 am 09:29 AM

SpringBoot Framework의 보안을 강화하는 방법 사용자 데이터를 보호하고 공격을 방지하려면 SpringBoot 애플리케이션의 보안을 강화하는 것이 중요합니다. 다음은 SpringBoot 보안을 강화하는 몇 가지 주요 단계입니다. 1. HTTPS를 활성화합니다. HTTPS를 사용하여 서버와 클라이언트 사이에 보안 연결을 설정하여 정보가 도청되거나 변조되는 것을 방지합니다. SpringBoot에서는 application.properties에서 다음을 구성하여 HTTPS를 활성화할 수 있습니다: server.ssl.key-store=path/to/keystore.jksserver.ssl.k

SHIB 코인은 어떤 지갑이 더 안전한가요? (초보분들은 꼭 읽어보세요) SHIB 코인은 어떤 지갑이 더 안전한가요? (초보분들은 꼭 읽어보세요) Jun 05, 2024 pm 01:30 PM

SHIB 코인은 더 이상 투자자들에게 낯설지 않습니다. 시장이 발전함에 따라 SHIB의 현재 시가총액은 12위를 기록하며 수많은 투자를 유치하고 있는 것을 볼 수 있습니다. .투자자는 투자에 참여합니다. 과거 시장에서는 빈번한 거래 및 지갑 보안 사고가 있었고 많은 투자자들이 SHIB 코인을 보관하는 데 어떤 지갑이 더 안전한지 궁금해했습니다. 시장 데이터 분석에 따르면 상대적으로 안전한 지갑은 주로 OKXWeb3Wallet, imToken 및 MetaMask 지갑이며, 다음으로 편집자가 이에 대해 자세히 설명하겠습니다. SHIB 코인은 어느 지갑이 더 안전한가요? 현재 SHIB 코인은 OKXWe에 상장되어 있습니다.

See all articles