网页PDF阅读器开发

开发基于PDF.js的网页版PDF阅读器,支持页面导航、全文搜索、视图控制、注释工具等功能,采用响应式设计并兼容主流浏览器。
构建一个基于HTML5、CSS3、JavaScript和PDF.js的网页版PDF阅读器。具体要求如下:

1. 界面设计
- 采用简洁直观的布局风格
- 所有导航控件符合人机交互最佳实践

2. 核心功能模块
2.1 页面导航系统
- 实现缩略图导航面板
- 提供文档大纲视图
- 支持页面跳转输入框

2.2 全文搜索
- 实现关键词搜索功能
- 高亮显示所有匹配结果
- 支持结果列表导航

2.3 视图控制
- 缩放控制(放大/缩小/百分比选择)
- 自适应视图(适合宽度/适合高度)
- 文档旋转功能(0°/90°/180°/270°)
- 演示模式(全屏阅读)

2.4 交互工具
- 文本选择与复制功能
- 注释工具集:
  * 高亮标记工具
  * 便签注释工具
  * 自由绘制工具

3. 输出功能
- 完整打印支持
- 可配置打印选项(页面范围/缩放等)
- 文档属性查看器(显示元数据)

4. 兼容性要求
- 响应式设计,适配所有设备
- 移动端触控优化
- 跨浏览器兼容

5. 技术规范
- 使用PDF.js作为核心渲染引擎
- 遵循W3C标准
- 无依赖第三方框架

注:所有功能需通过单元测试,确保在主流浏览器(Chrome/Firefox/Safari/Edge)中稳定运行。

使用说明

  • 点击"复制提示词"按钮复制完整内容
  • 粘贴到 ChatGPT、Claude 或其他 AI 对话工具中
  • 根据实际需求调整提示词中的具体参数
  • 可以多次迭代优化以获得更好的结果