Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

init .gitignoren file && add README_zh-CN.md #24

Open
wants to merge 23 commits into
base: master
Choose a base branch
from
Open
19 changes: 19 additions & 0 deletions .eslintrc.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
module.exports = {
env: {
browser: true,
commonjs: true,
es6: true,
},
extends: [
'airbnb-base',
],
globals: {
Atomics: 'readonly',
SharedArrayBuffer: 'readonly',
},
parserOptions: {
ecmaVersion: 2018,
},
rules: {
},
};
2 changes: 2 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
# Created by .ignore support plugin (hsz.mobi)
.idea
20 changes: 9 additions & 11 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,16 +1,14 @@
# Peek-a-tab, tabs manager for Google Chrome™
# 谷歌标签页管理器

> Search, preview, jump across, and close tabs quickly in your chrome browser
> 支持在谷歌浏览器器进行快速标签搜索、预览、跳转、关闭等操作

[Chrome Store link](https://chrome.google.com/webstore/detail/peek-a-tab/nnpdamdaknpnohmlbnmgphiodghbohop)
你是否苦于chrome中的大量标签页而无法管理呢?这个插件能帮你从苦恼中解脱💐

Do you have a lot of tabs opened in your browser and find it cumbersome to manage them, well, here's the solution.


#### Features
* Use Alt+Space (Option+Space for mac) to get a **list of all the tabs** from all the windows.
* **Search** in the title & url to quickly get the tab you want.
* **Preview** a tab on mouse hover or on click.
* **Jump across** between tabs quickly, even in different windows.
* **Close** unnecessary tabs quickly.
#### 功能
* 通过 Command+E 获取到浏览器中**所有的标签列表**
* 根据 title、url 等进行快速搜索**搜索**
* 通过鼠标点击或悬浮即可**预览**特定的标签
* 可快速在大量标签中**跳转**(跨window也是支持的)
* 极速**关闭**无用标签页

14 changes: 0 additions & 14 deletions app.css
Original file line number Diff line number Diff line change
Expand Up @@ -309,16 +309,6 @@ body {
display: block;
}

#announcement-container {
position: absolute;
width: 100%;
bottom: 0;
padding: 0;
background: #d3eae0;
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);
transform: translateY(100%);
transition: 0.3s;
}

#announcement_header {
height: 40px;
Expand Down Expand Up @@ -357,7 +347,3 @@ body {
margin-bottom: 6px;
color: #00733d;
}

#announcement-container.visible {
transform: translateY(0)
}
38 changes: 8 additions & 30 deletions app.html
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
<title>Peek a tab</title>
<title>标签选择器</title>
<link href="fonts/stylesheet.css" rel="stylesheet" type="text/css" />
<link href="app.css" rel="stylesheet" type="text/css" />
</head>
Expand All @@ -12,7 +12,7 @@
<div id="search-div">
<img id="search-icon" src="./images/search.png" />
<input
placeholder="search title and url"
placeholder="搜索网址或标题"
id="search-input"
type="text"
v-model="searchText"
Expand All @@ -39,8 +39,7 @@
src="./images/cursor-pointer-hover.png"
/>
<p class="option-choice-text">
Change Tab on hover, single click to shift to the tab and
close tabs list.
悬浮切换tab,单击列表即切换到对应tab并关闭列表
</p>
</div>

Expand All @@ -53,7 +52,7 @@
src="./images/cursor-pointer-single-click.png"
/>
<p class="option-choice-text">
Shift to the tab and close tabs list with a single click.
单击列表即切换到对应tab并关闭列表
</p>
</div>

Expand All @@ -66,42 +65,21 @@
src="./images/cursor-pointer-click.png"
/>
<p class="option-choice-text">
Change Tab on click, double click to shift to the tab and
close tabs list.
点击切换,双击切换tab并关闭列表
</p>
</div>
</div>

<!--<div class="option-hint">-->
<!--<p class="option-hint-text">-->
<!--<span>-->
<!--Change mouse behavior-->
<!--</span>-->
<!--</p>-->

<!--<button class="option-hint-button">-->
<!--ok-->
<!--</button>-->
<!--</div>-->
</div>
</div>
</div>

<ul id="tabs-list"></ul>

<div id="announcement-container">
<div id="announcement_header">
<h3 id="announcement-title">What's New</h3>
<img id="announcement-close-icon" src="images/close_icon.png" />
</div>
<div id="announcement-body">
<ul id="announcement-list">
<li>Bug fixed: Window opens and closes immediately</li>
<li>Shows 'current' against the active window</li>
</ul>
</div>
</div>

</div>
<script src="./lib/chinese/pinyin_dict_notone.js"></script>
<script src="./lib/chinese/pinyinUtil.js"></script>
<script src="app.js"></script>
</body>
</html>
Loading