Skip to content

SCREENSHOTS.md

Latest commit

 

History

History
183 lines (140 loc) · 6.93 KB

SCREENSHOTS.md

File metadata and controls

183 lines (140 loc) · 6.93 KB
Raw

Cookie Manager 截图指南 / Screenshot Guide

本文档提供了为Chrome Web Store准备扩展截图的指导方针。高质量的截图对于吸引用户安装扩展至关重要。

This document provides guidelines for preparing extension screenshots for the Chrome Web Store. High-quality screenshots are crucial for attracting users to install the extension.

截图要求 / Screenshot Requirements

中文: Chrome Web Store对截图有以下要求：

  • 尺寸：1280×800或640×400像素
  • 格式：PNG或JPG格式
  • 数量：最多5张截图（建议至少提供4张）
  • 质量：清晰、无模糊、无像素化

English: Chrome Web Store has the following requirements for screenshots:

  • Dimensions: 1280×800 or 640×400 pixels
  • Format: PNG or JPG format
  • Quantity: Maximum of 5 screenshots (at least 4 recommended)
  • Quality: Clear, no blurring, no pixelation

推荐截图内容 / Recommended Screenshot Content

建议准备以下4张关键截图 / We recommend preparing the following 4 key screenshots:

1. 主界面概览 / Main Interface Overview

文件名 / Filename: screenshot-main.png

内容展示 / Content Display:

  • 中文:

    • 完整的扩展弹出窗口
    • 显示当前网站的cookie列表
    • 确保界面干净整洁
    • 包含几个真实的cookie示例

  • English:

    • Complete extension popup window
    • Display of cookie list for current website
    • Clean and tidy interface
    • Include several real cookie examples

说明文本 / Description Text:

中文: Cookie Manager提供清晰直观的界面，让您轻松查看和管理网站cookies。

English: Cookie Manager provides a clear and intuitive interface for easily viewing and managing website cookies.

2. Cookie编辑功能 / Cookie Editing Functionality

文件名 / Filename: screenshot-edit.png

内容展示 / Content Display:

  • 中文:

    • 编辑cookie的表单界面
    • 显示各个字段（名称、值、域、路径等）
    • 理想情况下，展示编辑某个实际cookie

  • English:

    • Form interface for editing cookies
    • Display of various fields (name, value, domain, path, etc.)
    • Ideally, show editing of an actual cookie

说明文本 / Description Text:

中文: 直观的编辑界面让您可以修改cookie的所有属性，包括名称、值、域名、路径和过期时间等。

English: An intuitive editing interface allows you to modify all cookie attributes, including name, value, domain, path, and expiration time.

3. 导入/导出功能 / Import/Export Functionality

文件名 / Filename: screenshot-import-export.png

内容展示 / Content Display:

  • 中文:

    • 导入/导出界面
    • 显示格式选择选项
    • 理想情况下，展示导出过程或结果

  • English:

    • Import/export interface
    • Display of format selection options
    • Ideally, show export process or results

说明文本 / Description Text:

中文: 强大的导入/导出功能支持JSON和文本格式，方便您备份、转移或批量管理cookies。

English: Powerful import/export functionality supports JSON and text formats, making it convenient to backup, transfer, or batch manage cookies.

4. 模板管理功能 / Template Management

文件名 / Filename: screenshot-templates.png

内容展示 / Content Display:

  • 中文:

    • 模板管理界面
    • 显示已保存的模板列表
    • 展示应用或创建模板的选项

  • English:

    • Template management interface
    • Display of saved template list
    • Show options for applying or creating templates

说明文本 / Description Text:

中文: 模板系统让您可以保存常用的cookie配置，一键应用到不同网站，大大提高工作效率。

English: The template system allows you to save commonly used cookie configurations and apply them to different websites with one click, greatly improving efficiency.

截图制作指南 / Screenshot Creation Guide

  1. 选择合适的网站 / Choose Appropriate Websites:

    • 中文:

      • 使用内容中性的网站进行截图（如github.com或自己的测试站点）
      • 避免使用可能有版权问题的网站或内容

    • English:

      • Use content-neutral websites for screenshots (such as github.com or your own test sites)
      • Avoid using websites or content that may have copyright issues

  2. 准备环境 / Prepare Environment:

    • 中文:

      • 使用干净的浏览器窗口（无其他扩展图标）
      • 确保操作系统主题干净（避免干扰性的桌面背景）
      • 如使用暗色主题，确保文本和界面元素清晰可见

    • English:

      • Use a clean browser window (no other extension icons)
      • Ensure clean OS theme (avoid distracting desktop backgrounds)
      • If using dark theme, ensure text and interface elements are clearly visible

  3. 捕获技巧 / Capture Techniques:

    • 中文:

      • 使用浏览器的开发者工具调整弹出窗口大小
      • 在Windows上使用Snipping Tool或在Mac上使用Screenshot工具
      • 捕获后检查图像质量和清晰度

    • English:

      • Use browser developer tools to adjust popup window size
      • Use Snipping Tool on Windows or Screenshot tool on Mac
      • Check image quality and clarity after capturing

  4. 编辑优化 / Editing Optimization:

    • 中文:

      • 根据需要裁剪图像至正确尺寸
      • 调整亮度和对比度以提高可读性
      • 可添加简单的指示箭头或高亮突出关键功能
      • 避免过度编辑或添加不真实的功能

    • English:

      • Crop images to correct dimensions as needed
      • Adjust brightness and contrast to improve readability
      • Add simple indicator arrows or highlights for key features if needed
      • Avoid over-editing or adding unrealistic features

测试检查清单 / Testing Checklist

中文: 在提交截图前，请检查以下事项：

  • 所有截图尺寸符合要求（1280×800或640×400）
  • 图像清晰，文本可读
  • 没有敏感信息或个人数据显示
  • 界面美观，无明显bug或设计问题
  • 截图展示了扩展的主要功能
  • 文件名清晰描述了内容
  • 准备了相应的说明文本

English: Before submitting screenshots, check the following items:

  • All screenshot dimensions meet requirements (1280×800 or 640×400)
  • Images are clear with readable text
  • No sensitive information or personal data is displayed
  • Interface looks attractive with no obvious bugs or design issues
  • Screenshots showcase the extension's main features
  • Filenames clearly describe the content
  • Corresponding description text is prepared

中文: 按照此指南准备的截图将有助于用户理解扩展的功能和价值，提高安装率。

English: Screenshots prepared according to this guide will help users understand the extension's functionality and value, increasing installation rates.