https://github.com/xyz327/old-apollo-portal-enhance

https://github.com/xyz327/old-apollo-portal-enhance

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/xyz327/old-apollo-portal-enhance
• Owner: xyz327
• License: mit
• Created: 2022-05-25T14:38:45.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-12-19T02:12:25.000Z (about 1 year ago)
• Last Synced: 2023-12-19T08:16:17.123Z (about 1 year ago)
• Language: JavaScript
• Size: 544 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# apollo-enhance

![license](https://img.shields.io/github/license/xyz327/old-apollo-portal-enhance?style=flat-square)

> 对旧版本 apollo 控制台使用优化(基于 1.1.2)  .最好的方式还是修改服务端。  

> 这里只是面向于对于不能升级 apollo 版本并且无法修改源码的 apollo 管理台的使用者

- [apollo-enhance](#apollo-enhance)

  - [安装 tampermonkey 浏览器插件](#安装-tampermonkey-浏览器插件)

  - [安装 tampermonkey 脚本](#安装-tampermonkey-脚本)

    - [从 greasyfork 安装](#从-greasyfork-安装)

    - [从 github 安装](#从-github-安装)

  - [优化点](#优化点)

    - [恢复浏览器 Ctrl+F 搜索跳转](#恢复浏览器-ctrlf-搜索跳转)

    - [增加跳转到指定 namespce](#增加跳转到指定-namespce)

    - [增加发布差异对比](#增加发布差异对比)

  

## 安装 tampermonkey 浏览器插件

1. 浏览器安装 [tampermonkey](https://www.tampermonkey.net/) 插件 (若无法科学上网可以使用[离线下载](https://www.crx4.com/27046.html))

## 安装 tampermonkey 脚本

### 从 greasyfork 安装

 

 1. 浏览器访问 [https://greasyfork.org/zh-CN/scripts/447045-apollo-enhance](https://greasyfork.org/zh-CN/scripts/447045-apollo-enhance)

 2. 点击安装

### 从 github 安装

1. 点击 油猴插件图标 > 点击管理面板 > 选择实用工具 > 从 URL 安装 。

2. 输入  `https://raw.githubusercontent.com/xyz327/old-apollo-portal-enhance/main/tampermonkey-script.js`  安装

## 优化点

### 恢复浏览器 Ctrl+F 搜索跳转

> 由于在使用 nice-scroll 后会在 html 标签上增加 style="overflow:hidden" 从而导致`ctrl+F` 搜索内容后无法正确调整到指定位置

Apollo 1.2.0 移除了 nice-scroll [PR](https://github.com/apolloconfig/apollo/pull/1621)

### 增加跳转到指定 namespce

![gotoNamespace](doc/gotoNamespace.png)

### 增加发布差异对比

![change-diff-1](doc/change-diff-1.png)

![change-diff-2](doc/change-diff-2.png)

## 开发说明

> 依赖 nodejs 环境

1. 安装[nodejs](https://nodejs.org/en)

2. git clone 项目

3. 项目根目录下执行`pnpm i` 

### 发布

1. `npm run build`

2. git commit && git push

3. 合并到master分支