Изображения и фотографии · Редактор изображений и рисунков в браузере
Как убедиться, что редактор изображений никогда не загружает вашу фотографию: сетевая панель
· Почему это важно
редактирование изображений холст обработка браузера
«Ничего не загружено» — это утверждение может сделать каждый; инструменты разработчика браузера позволяют протестировать его за минуту. В этом посте показано, как смотреть панель сети во время редактирования и как читать то, что вы видите.
Обещание, которое вы можете проверить: почему «обработано локально» следует проверять, а не верить, и как браузер делает это возможным
Заявление о конфиденциальности становится полезным, когда читатель может его оспорить. «Обработано локально» должно быть проверено как ограниченное техническое заявление, а не принято как лозунг. Практический тест прост: загрузите страницу, очистите панель «Сеть» после поступления исходных ресурсов, откройте безобидное отличительное изображение и посмотрите, какие запросы появляются во время редактирования и экспорта.
Статические данные дают этой проверке во время выполнения вторую основу. В исходном коде редактора нет сетевых вызовов API, а автоматические тесты запрещают выборку, XHR, сокеты, маяки и удаленные источники. Эти результаты подтверждают утверждение о пути к редактору, в то время как сеанс браузера проверяет развернутую страницу, которую вы фактически использовали.
Открытие панели сети — где ее найти в Chrome, Firefox, Edge и Safari и что означает пустой журнал
Откройте инструменты разработчика браузера и выберите панель «Сеть»; точные метки меню различаются в зависимости от версии браузера, но рабочий процесс одинаков в Chrome, Firefox, Edge и Safari. Сначала дайте странице завершить загрузку, а затем очистите захваченные записи. Пустой журнал не является целью, поскольку страница может законно запрашивать собственные ресурсы или отправлять раскрытую аналитику с согласия пользователя.
После очистки выберите тестовое изображение и выполните обрезку, добавление аннотаций и экспорт. Выполните поиск в деталях нового запроса по отличительному имени файла, байтам или содержимому маркера. Большой POST или PUT заслуживает осмотра, однако сам по себе его метод и размер не могут доказать, что на нем находится выбранная фотография. Прежде чем делать выводы, прочтите данные о корпусе или полезной нагрузке.
Откройте сетевую панель браузера и интерпретируйте запросы; точные меню зависят от версии браузера
Загрузка страницы и редактирование изображения — это разные этапы наблюдения. Прежде чем открыть файл, браузер может получить сценарии, стили, шрифты, изображения или другие ресурсы, необходимые для отображения инструмента. Аналитика на основе согласия также может отображаться в зависимости от конфигурации продукта. Эти запросы устанавливают трафик страницы, а не загрузку выбранного изображения.
Очистите панель только после этого этапа настройки, затем откройте отдельный безопасный файл и отредактируйте его. Сравните список запросов после очистки с именем файла и содержимым известного маркера. Более узкий вопрос заключается в том, содержит ли какой-либо более поздний запрос выбранную фотографию; Требование исчезновения каждого запроса спутало бы обычную работу со страницей и передачу изображений.
Как будет выглядеть загрузка — запросы POST или PUT с большой полезной нагрузкой и почему их отсутствие имеет смысл
При загрузке обычно остается запрос, содержащий данные изображения, будь то составное тело, двоичная полезная нагрузка или закодированное поле. Таким образом, POST или PUT с большим телом является полезным, но само по себе не является окончательным: метод и размер не могут идентифицировать содержимое тела без проверки. Найдите отличительный тестовый маркер и изучите детали полезной нагрузки, если запрос окажется релевантным.
Собственный источник редактора не имеет сетевых вызовов API, а автоматические тесты запрещают выборку, XHR, сокеты, маяки и удаленные источники. Эта статическая граница объясняет, почему сеанс выполнения после очистки не должен обнаруживать передачу изображения. Трафик активов и согласий может оставаться видимым; значимое отсутствие — это запрос, содержащий выбранную фотографию.
Рабочий пример: обрезка и аннотирование фотографии с открытой панелью — проход через сеанс, в котором изображение не передается ни по одному запросу.
Используйте безобидное изображение с безошибочным маркером, например коротким именем файла и цветным тестовым фрагментом. Дайте странице загрузиться, очистите панель «Сеть», откройте файл, обрежьте его, добавьте линию или прямоугольник и экспортируйте результат. Держите панель видимой во время каждой операции, чтобы наблюдение охватывало фактическую последовательность, а не только начальный выбор файла.
Просмотрите новые запросы маркера, имени файла или полезных данных, которые могут содержать изображение. Ресурсы страницы и аналитика, доступная по согласию, по-прежнему могут отображаться, и это совместимо с локальной обработкой изображений, когда их данные исключают содержимое и имена файлов. Полезный результат — это не театрально немая панель; это не запрос с выбранной фотографией.
За пределами панели — Политика безопасности контента, отсутствие сторонних скриптов и почему строгая политика — более надежная гарантия, чем страница конфиденциальности
Наблюдение сетевой панели становится более убедительным, если оно считывается вместе с источником и границами политики приложения. Политика безопасности контента, инвентаризация скриптов и отсутствие стороннего кода могут сузить возможные маршруты, но страница конфиденциальности сама по себе не является техническим контролем. Здесь исходный код редактора и автоматические тесты предоставляют конкретные доказательства того, что код редактирования не вызывает сетевые API.
Не превращайте это доказательство в требование совершенно тихого браузера. Страница может загружать ресурсы, а аналитика, основанная на согласии, может работать в соответствии с раскрытыми правилами. Остается соответствующая проверка, содержит ли какой-либо запрос, сделанный после выбора файла, байты изображения, его отличительный маркер или имя файла в качестве загружаемых данных.
Испытания источников и проверка запросов подтверждают это утверждение; аналитика добычи остается отдельным раскрытым направлением
Эта проверка охватывает запросы страниц и браузера, которые вы можете наблюдать; он не проверяет расширения браузера, синхронизацию операционной системы, программное обеспечение управляемых устройств, историю буфера обмена или место назначения, куда вы позже отправите экспорт. Локальный редактор может избежать загрузки собственного изображения, пока другая установленная служба копирует или индексирует полученный файл. Это отдельные границы доверия.
Это также не доказывает, что каждое будущее развертывание будет вести себя одинаково. Повторите узкую проверку времени выполнения, если важны среда, выпуск или политика. Отличайте трафик страницы и аналитики от полезной нагрузки изображения, проверяйте тела подозрительных запросов и рассматривайте последующее вложение или хранение файла как новое событие раскрытия.
Вывод: доверяйте, затем проверяйте, затем расслабьтесь — как создан редактор изображений и рисунков в браузере, чтобы пройти этот тест и как запустить его самостоятельно.
Доверие более полезно после проверки. Исходные тесты и тесты конфиденциальности редактора изображений и рисунков в браузере обеспечивают границу локальной обработки, а проверка сетевой панели после загрузки позволяет бросить вызов развернутому поведению с помощью безвредного отличительного файла. Очистите после поступления ресурсов страницы, отредактируйте и экспортируйте, а затем проверьте любой запрос, который может содержать маркер или байты.
Вывод должен оставаться точным: обычный трафик страниц и раскрытый аналитический трафик могут существовать и без загрузки изображений. Важно то, содержит ли запрос выбранную фотографию. Если наблюдения во время выполнения, исходные данные и тесты совпадают, у вас есть оправданный результат для этого сеанса редактора, а не неподдерживаемое обещание, что каждая поверхность браузера будет молчать.