이미지 및 사진 · 브라우저 이미지 및 그림 편집기
이미지 편집기가 사진을 업로드하지 않는지 확인하는 방법: 네트워크 패널
· 그것이 중요한 이유
이미지 편집 캔버스 브라우저 처리 중
'업로드된 내용이 없습니다'는 누구나 할 수 있는 주장입니다. 브라우저의 개발자 도구를 사용하면 몇 분 안에 테스트할 수 있습니다. 이번 포스팅은 편집하면서 네트워크 패널을 보는 방법과 보이는 내용을 읽는 방법을 보여드리겠습니다.
테스트할 수 있는 약속 — '로컬에서 처리됨'을 믿기보다는 확인해야 하는 이유와 브라우저가 이를 가능하게 하는 방법
개인 정보 보호 주장은 독자가 이의를 제기할 수 있을 때 유용해집니다. '로컬 처리'는 슬로건으로 받아들여지지 않고 제한된 기술 설명으로 검증되어야 합니다. 실제 테스트는 간단합니다. 페이지를 로드하고, 초기 자산이 도착한 후 네트워크 패널을 지우고, 무해한 고유 이미지를 열고, 편집 및 내보내기 중에 나타나는 요청을 관찰합니다.
정적 증거는 런타임 확인에 두 번째 기반을 제공합니다. 편집기의 소스에는 네트워크 API 호출이 없으며 자동화된 테스트는 가져오기, XHR, 소켓, 비콘 및 원격 원본을 금지합니다. 이러한 결과는 편집기 경로에 대한 주장을 뒷받침하는 반면, 브라우저 세션은 실제로 사용된 배포된 페이지를 테스트합니다.
네트워크 패널 열기 — Chrome, Firefox, Edge 및 Safari에서 네트워크 패널을 찾을 수 있는 위치와 빈 로그의 의미
브라우저의 개발자 도구를 열고 네트워크 패널을 선택하십시오. 정확한 메뉴 라벨은 브라우저 버전에 따라 다르지만 작업 흐름은 Chrome, Firefox, Edge 및 Safari에서 동일합니다. 먼저 페이지 로드가 완료되도록 한 다음 캡처된 항목을 지웁니다. 페이지가 합법적으로 자체 자산을 요청하거나 공개된 동의 기반 분석을 보낼 수 있으므로 빈 로그는 목표가 아닙니다.
지운 후 테스트 이미지를 선택하고 자르기, 주석 및 내보내기를 수행합니다. 고유한 파일 이름, 바이트 또는 마커 콘텐츠에 대한 새 요청 세부 정보를 검색합니다. 대형 POST 또는 PUT는 검사할 가치가 있지만 방법과 크기만으로는 선택한 사진을 담고 있다는 것을 증명할 수 없습니다. 결론을 내리기 전에 본문이나 페이로드 증거를 읽어보세요.
브라우저 네트워크 패널을 열고 요청을 해석합니다. 정확한 메뉴는 브라우저 버전에 따라 다릅니다.
페이지 로딩과 이미지 편집은 관찰의 다른 단계입니다. 파일을 열기 전에 브라우저는 도구를 렌더링하는 데 필요한 스크립트, 스타일, 글꼴, 이미지 또는 기타 자산을 가져올 수 있습니다. 동의 기반 분석은 제품 구성에 따라 나타날 수도 있습니다. 이러한 요청은 선택한 이미지의 업로드가 아닌 페이지 트래픽을 설정합니다.
해당 설정 단계 후에만 패널을 지운 다음 고유한 무해한 파일을 열고 편집하십시오. 삭제 후 요청 목록을 파일 이름 및 알려진 마커 콘텐츠와 비교하세요. 더 좁은 질문은 이후 요청에 선택한 사진이 포함되는지 여부입니다. 모든 요청이 사라지도록 요구하면 일반적인 페이지 작업과 이미지 전송이 혼동될 수 있습니다.
업로드의 모습 — 대규모 페이로드가 포함된 POST 또는 PUT 요청 및 해당 요청이 없는 것이 의미 있는 이유
업로드는 일반적으로 다중 부분 본문, 바이너리 페이로드 또는 인코딩된 필드를 통해 이미지 데이터를 전달하는 요청을 남깁니다. 따라서 큰 본문이 있는 POST 또는 PUT는 유용한 단서이지만 그 자체로는 결정적이지 않습니다. 방법과 크기는 검사 없이 본문의 내용을 식별할 수 없습니다. 요청이 관련성이 있다고 판단되면 고유한 테스트 마커를 검색하고 페이로드 세부정보를 검사하세요.
편집자 자체 소스에는 네트워크 API 호출이 없으며 자동화된 테스트는 가져오기, XHR, 소켓, 비콘 및 원격 원본을 금지합니다. 이러한 정적 경계는 클리어 후 런타임 세션에서 이미지 전송을 공개해서는 안되는 이유를 설명합니다. 자산 및 동의 트래픽은 계속 표시될 수 있습니다. 의미있는 부재는 선택한 사진을 담은 요청입니다.
작업한 예: 패널이 열린 상태에서 사진 자르기 및 주석 달기 - 요청이 이미지를 전달하지 않는 세션을 진행합니다.
짧은 파일 이름, 컬러 테스트 패치 등 확실한 마커가 포함된 무해한 이미지를 사용하세요. 페이지가 로드되도록 하고, 네트워크 패널을 지우고, 파일을 열고, 자르고, 선이나 직사각형을 추가하고, 결과를 내보냅니다. 각 작업 중에 패널을 표시하여 초기 파일 선택기뿐만 아니라 실제 시퀀스도 관찰할 수 있도록 합니다.
이미지가 포함될 수 있는 마커, 파일 이름 또는 페이로드에 대한 새 요청을 검토합니다. 페이지 자산 및 동의 기반 분석은 계속 나타날 수 있으며 해당 데이터에서 파일 콘텐츠 및 이름이 제외된 경우 로컬 이미지 처리와 호환됩니다. 유용한 결과는 연극적으로 조용한 패널이 아닙니다. 선택한 사진을 담아달라는 요청이 아닙니다.
패널 너머 — 콘텐츠 보안 정책, 제3자 스크립트의 부재, 엄격한 정책이 개인 정보 보호 페이지보다 더 강력한 보장인 이유
네트워크 패널 관찰은 애플리케이션의 소스 및 정책 경계와 함께 읽을 때 더 강력합니다. 콘텐츠 보안 정책, 스크립트 인벤토리 및 타사 코드의 부재로 인해 가능한 경로가 좁아질 수 있지만 개인정보 보호 페이지만으로는 기술적 통제가 불가능합니다. 여기서 편집기 소스 및 자동화된 테스트는 편집 코드가 네트워크 API를 호출하지 않는다는 구체적인 증거를 제공합니다.
그 증거를 완벽하게 조용한 브라우저에 대한 요구로 바꾸지 마십시오. 페이지는 자산을 로드할 수 있으며 동의 기반 분석은 공개된 규칙에 따라 작동할 수 있습니다. 파일 선택 후 이루어진 요청이 이미지 바이트, 고유 마커 또는 파일 이름을 업로드 데이터로 전달하는지 여부에 대한 관련 확인이 유지됩니다.
소스 테스트 및 요청 검사로 주장이 강화됩니다. 생산 분석은 별도의 공개 경로로 유지됩니다.
이 검사는 관찰할 수 있는 페이지 및 브라우저 요청을 다룹니다. 브라우저 확장, 운영 체제 동기화, 관리 장치 소프트웨어, 클립보드 기록 또는 나중에 내보내기를 보내는 대상은 감사하지 않습니다. 로컬 편집기는 설치된 다른 서비스가 결과 파일을 복사하거나 색인화하는 동안 자체 이미지 업로드를 피할 수 있습니다. 이는 별도의 신뢰 경계입니다.
또한 향후 모든 배포가 동일하게 작동한다는 것을 증명하지도 않습니다. 환경, 릴리스 또는 정책이 중요한 경우 제한된 런타임 확인을 반복합니다. 이미지 페이로드에서 페이지 및 분석 트래픽을 구별하고, 의심스러운 요청 본문을 검사하고, 파일의 이후 첨부 파일이나 저장을 새로운 공개 이벤트로 처리합니다.
요점: 신뢰하고 검증한 다음 긴장을 푸십시오. 이 테스트를 통과하기 위해 브라우저 이미지 및 그림 편집기를 구축하는 방법과 직접 실행하는 방법
신뢰는 검증 후에 더 유용합니다. Browser Image & Drawing Editor의 소스 및 개인 정보 보호 테스트는 로컬 처리 경계를 제공하는 반면, 로드 후 네트워크 패널 검사를 통해 무해한 고유 파일을 사용하여 배포된 동작을 확인할 수 있습니다. 페이지 자산이 도착한 후 지우고 편집하고 내보낸 다음 마커나 바이트를 전달할 수 있는 요청을 검사합니다.
결론은 정확해야 합니다. 일반 페이지와 공개된 분석 트래픽은 이미지 업로드 없이도 존재할 수 있습니다. 중요한 것은 요청에 선택한 사진이 포함되어 있는지 여부입니다. 런타임 관찰, 소스 증거 및 테스트가 일치하는 경우 모든 브라우저 표면이 조용하다는 지원되지 않는 약속이 아니라 해당 편집 세션에 대해 방어 가능한 결과를 얻게 됩니다.