网页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 对话工具中
- 根据实际需求调整提示词中的具体参数
- 可以多次迭代优化以获得更好的结果
