Giter Site home page Giter Site logo

jubincn / find-lite Goto Github PK

View Code? Open in Web Editor NEW

This project forked from zou8944/find-lite

0.0 0.0 0.0 468 KB

A straightforward Chrome extension that searches for content on the current page with regex, case sensitivity, and whole word constraints.

JavaScript 81.07% CSS 16.64% Makefile 0.94% HTML 1.34%

find-lite's Introduction

Find Lite - 网页上的快速查找工具

For English

Find Lite 是一款方便、易用的Chrome扩展程序。它可以帮助你快速在网页上查找文本内容。特别地,这个插件支持以下功能:

  • 支持区分大小写
  • 支持全字匹配
  • 支持使用正则表达式
  • 支持高亮显示匹配结果
  • 支持全局概览,可以直接在页面右侧查看所有匹配结果

为什么选择 Find Lite

Chrome 官方自带页面搜索功能不够强大,甚至无法区分大小写,使用起来不够方便。

为此,有人专门写了诸如 Find+、 Regex Find 等插件,体验之后,发现如下缺点:

  • 搜索框均使用 popup 页面,因为 popup 的特性,失去焦点后会自动关闭,用户体验存在割裂感。
  • 搜索结果高亮普遍采用 <span> + background-color 的方式,这种方式会导致页面布局发生变化。影响其他软件或插件的正常使用。
  • 搜索结果无法全局概览,用户需要在搜索结果中逐个查看。

因此,我写了这个插件,希望能够解决以上问题。

Find Lite 的目标,是对 Chrome 自带搜索功能的增强,尽可能做到类似体验。同时相比其他插件,去除不实用的功能,相较而言是 "Lite" 的。

在 Find Lite 中,不需要任何额外设置,快捷键呼出 - 搜索 - 退出,是一切操作的流程。

安装方式

你可以通过在Chrome浏览器中打开Chrome网上应用店,并搜索“Find Lite”,来快速安装这个插件。

或者你也可以直接点击这里进行安装。

使用方法

安装插件后,不需要任何附加设置,一切操作和 Chrome 自带搜索功能几乎一样:

  • Ctrl+Shift+F (Windows)或 Command+Shift+F (Mac) 呼出搜索框
  • 输入搜索内容,按下 Enter 键开始搜索
  • 再次按下 Enter 键,可以在搜索结果中循环查找
  • Shift+Enter 键,可以在搜索结果中反向循环查找
  • Esc 键,退出搜索

小tips

  • 选中文本后,按下 Ctrl+Shift+F (Windows)或 Command+Shift+F (Mac) 可以直接将选中文本作为搜索内容,且选中的文本将作为高亮聚焦的第一个搜索结果
  • 所有搜索结果将被高亮,但只有一个结果是当前结果,样式上会进一步高亮,我称之为高亮聚焦
  • 选择第一个高亮聚焦的逻辑:选择最靠近视窗中心的结果,如果有多个结果,选择最靠上的结果;如果视窗中没有结果,则选择第一个结果

使用预览

img.png

Contribution

如果发现bug,请提交issue。如果有好的建议,欢迎提交pull request。

find-lite's People

Contributors

zou8944 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.