plan.md

TopBottom

• 目标：为每个页面提供“返回顶部”和“到达底部”的页面按钮

• 实现：

  • 应用功能逻辑：

    • javascript 注入页面，找出body可见的第一个子元素以及最后一个子元素，找出id或者赋值id

    • css 主要是关于页面按钮的样式，显现不要太明显

    • 后续: demo出来之后，页面滚动后才出现“返回”按钮？ 是否细分网页类别，不必要的页面不需要添加。

  • 应用功能逻辑实现关键点： 如何确立顶部和底部，是否会出现关于第一和最后子元素并非可见或者位置不对应物理位置

  • 应用部署 扩展部署：不提供扩展图标点击 参考chromesnifferplus 扩展程序：页面注入js和css，参考youdaonote manifest.json: content_scripts

• 开发ToDo

1. 扩展部署认知，得到相关配置
2. 样式确立
3. javascript代码实施 设计：xxxx

• 部署额外工作

  1. 图标
  2. 如何投入使用

• 缺陷

  1. weibo.com 右边交流框遮盖 topbottom 按钮，无法工作
     • 思考解决方案： a 识别该位置是否有fixed元素 b 直接z-index设置更高
  2. 51cto 博客失效,点击会刷新页面 具体表现为 测试页面 domain/path/xxxx 点击回到顶部 url变成了 domain/#top
  3. 百度百科效果异常

• 改进

  1. 按钮右键提供隐藏（移除按钮）功能入口 右键事件
  2. 按钮点击移动位置（灵活） 移动标签控件