Giter VIP home page Giter VIP logo

haujetzhao / shortcutmapper_chinese Goto Github PK

View Code? Open in Web Editor NEW
43.0 2.0 10.0 5.49 MB

可视化、交互式的快捷键映射图,中文版本,可以直观地查找快捷键。不懂编程也可以方便地修改、添加快捷键。

Home Page: https://haujetzhao.github.io/ShortcutMapper_Chinese/

License: MIT License

JavaScript 1.64% HTML 89.36% CSS 1.48% Python 7.39% Batchfile 0.02% Shell 0.01% xBase 0.09%
gitee shortcut-mapper shortcut

shortcutmapper_chinese's Introduction

中文 | English

Gitee | Github

Shortcut Mapper 中文

⭐ 简介

这是一个键盘快捷键可视化工具,托管在 Github 和 Gitee:

这个项目的目标是,将应用程序的 快捷键 映射到 虚拟键盘 上,以便于查找和学习新的快捷键。

项目 fork 自 https://github.com/waldobronchart/ShortcutMapper ,原版是英文版,欢迎前去支持

整个项目的入口就是 index.html 这个文件。

使用、添加快捷键、添加应用的视频教程详见:https://www.bilibili.com/video/BV1GX4y1L7EY

📝 背景

总览

/content         网站内容
    /generated   包含生成的包含应用快捷键的 json/js 文件(以本网站格式储存)
    /keyboards   包含 html 键盘布局
    ...
/sources         每个应用快捷键的源文件、更新脚本
/shmaplib        Python 工具库,用于帮助导出快捷工具到 webapp 
/tests           Python 测试,确保没有错误
/utils           用于导出和测试的工具
index.html       主站点

🛠️ 贡献

在线访问

将本 repo fork 到 Github 或 Gitee,使用其 Pages 服务,即可在线访问。访问过一遍后,即使断网,也可以继续使用。

本地运行

本站的唯一一个页面就是 index.html ,理论上双击打开即可使用。

可是这个应用需要使用 ajax 请求,读取文件,以载入快捷键数据。

因为安全原因,ajax 从本地使用 file:// 协议时会失败,所以直接用浏览器从本地打开会失败。

因此本地运行需要使用这两种方法:

  • 方法一:安装 Python 后,运行根文件夹下的 启动.py,就打开了。这个脚本会用用 HTTP 协议将本文件夹服务在本地 8000 端口上。只要在浏览器访问 0.0.0.0:8000 即可访问。这是最简单的方法,也是最推荐的。
  • 方法二:按如下步骤设置一下浏览器(麻烦,不推荐使用)。

设置浏览器

以 Windows 上的 Edge 浏览器为例,将 Edge 浏览器关闭后,在桌面上右击 Edge 浏览器图标,打开属性:

Edge浏览器属性

目标 一栏后面加上 --allow-file-access-from-files

Edge浏览器属性允许文件访问

点击确定,再启动 Edge 浏览器,用它打开 index.html 就可以正常显示快捷键了

新增应用快捷键

最好的例子是 sources/windows ,将这个文件夹复制一份,例如复制到 sources/photoshop ,打开该文件夹

一、编辑下 01 生成中间文件.py ,主要修改里面这句:

idata = shmaplib.IntermediateShortcutData(app_name="Windows", version="10", default_context="通用")

例如改成:

idata = shmaplib.IntermediateShortcutData(app_name="PhotoShop", version="cc", default_context="笔刷工具")

二、在 sources/Vditor 中你可以找到例子,将快捷键按以下格式填写到 windows.csvmac.csv

情景    功能    按键1    按键3    ....

按键的标准名字你可以在 shmaplib/keynames.py 中找到,按键名字不用区分大小写。

Linux 的快捷键一般与windows相同,所以目前先忽略。

三、再运行 01 生成中间文件.py,就会生成 intermediate.json,检查下这个文件中有没有需要修改的错误,再运行 02 将中间文件添加到正式目录.py,就会将这个 app 的快捷键更新到 Shortcut Mapper 了。

🔋 打赏

项目 fork 自 https://github.com/waldobronchart/ShortcutMapper ,原版是英文版,欢迎前去支持

本软件完全开源,用爱发电,如果你愿意,可以以打赏的方式为我充电:

sponsor

😀 交流

如果有软件方面的反馈可以提交 issues,或者加入 QQ 群:1146626791

shortcutmapper_chinese's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

shortcutmapper_chinese's Issues

新功能建议

这个项目非常有用,试用后觉得可以从这几个方面再优化一下:

  1. 增加配色选择(包含页面背景和键盘配色)当前页面是白色的,至少需要增加一个黑色的配色作为夜间模式 (我甚至想让键盘兼容这个项目 https://github.com/ijprest/keyboard-layout-editor)
  2. 页面尺寸自适应。当屏幕宽度不低于一定值时,尽量让页面不需要滚动
  3. 目前汉字搜索需要至少两个字才出结果,应该改为1个就出结果。考虑到上一个问题,建议同步修改为搜索在页面最下方,搜索结果以fixed并底部对齐的布局方式展示。
  4. 打包为可执行文件,用快捷键全屏召唤,快捷键隐藏。好处是操作更方便,更符合实际使用的操作逻辑。这个功能可以通过打包为electron来实现(实际上我昨晚已经百度了下打包方式做了打包,并且打包后避免了浏览器权限的问题)你觉得有没有必要?或者有没有什么更好的想法?众所周知element的开销比较大。如果这是可以接受的方法,你看是自己打包还是我提pr?
  5. 快捷键收藏功能。用列表展示用户精选的按键组合,提醒自己的需要熟记的重要按键。免除了搜索和看图的时间。
  6. 不同软件间相同功能的快捷键对照。按下一组快捷键,在页面下方提示和其他软件中,和这组快捷键相同名字的按键组合是什么

百分浏览器 添加 --allow-file-access-from-files 后仍无法打开 主页

你好,开发者
快捷键越来越多,或许这个方法能帮助记忆 shortcut

win10系统 装的便携版 百分浏览器, 平时用命令运行浏览器(.exe文件),不使用快捷方式,请问如何添加后缀 --allow-file-access-from-files?

另外,我给浏览器主程序,创建快捷方式后 + --allow-file-access-from-files,仍没办法打卡主页,显示键盘(附图)

image

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.