GithubHelp home page GithubHelp logo

zackmount / urp-beautifier Goto Github PK

View Code? Open in Web Editor NEW

This project forked from rivertwilight/urp-beautifier

0.0 0.0 0.0 10.31 MB

URP 教务系统全面美化插件 | Make your URP education system more elegant.

JavaScript 100.00%

urp-beautifier's Introduction

URP 教务系统美化插件

本插件重新设计了URP 教务系统的页面,更加符合现代审美。已知使用该教务系统的学校有:

  • 西南石油大学

screenshot screenshot

使用方法 Usage

1. 一键安装(推荐)

使用 Chrome 或者 Edge 点击链接访问 chrome 插件商店 安装即可。

2. 使用油猴安装

下载打包好的油猴脚本,导入油猴即可。由于图片使用外部链接,可能加载速度稍慢。

3. 使用 Chrome 手动安装

如果无法打开页面,请参考以下步骤:

  1. 下载 release 中的 zip 文件,解压缩。
  2. 打开 Chrome 浏览器,地址栏输入 chrome://extensions,回车。
  3. 在打开的页面中,打开右上角的 「开发者模式」 选项。
  4. 点击页面上方三个按钮中第一个,加载未打包的扩展程序。
  5. 选择之前解压的文件夹,完成。

4. 使用 Edge 手动安装

  1. 下载 release 中的 zip 文件,解压缩。
  2. 打开 Edge 浏览器,地址栏输入 edge://extensions,回车。
  3. 在打开的页面中,打开左侧的 「开发人员模式」 选项。
  4. 点击页面上方的 「加载解压缩的扩展」。
  5. 选择解压的文件夹,完成。

此处以 Chrome 和 Edge 为例,同时支持 Firefox 浏览器。

贡献

npm run dev
# Or
yarn run dev # 仅支持 yarn 1

如果你需要添加更多适配网站,请更新两个文件:

使用 Chrome 调试

将 dist 文件夹加入插件列表即可。

插件的工作原理是注入一个脚本到页面上。

隐藏原有页面 -> 注入通用美化 CSS -> Preact 创建新页面 -> 使用 iframe 导航

About

License: MIT

urp-beautifier's People

Contributors

rivertwilight avatar zackmount avatar hjt827 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.