An Accessiable Chinese Web.

Latest Version

Version
1.0.0.6
Update
January 14, 2017
Size
1.3MiB
Developer
Category
Users
97
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
ContextMenus
Storage
Http://*/*
Https://ajax.googleapis.com/
File://data/chex_table.json
See more

Crisp Extension

Crisp is a new and exciting way to experience the Chinese Web, making it simple, accessible and most of all - Colourful. In one click, Crisp colours each word and character according to its tones and grants the user control over the page’s content and appearance. Users of Crisp can easily define their own colours, play with the page's word-margin, and better understand the topic of each page. It is free, open-source, supports both Simplified and Traditional characters and integrates seamlessly with Google Docs and Zhongwen Dictionary.

BASIC FEATURES

- Colour Characters by their tones
- Adjust the word-margin and font-size
- Extract word-frequency from each page

EXTRAS

- Allows you to customize each tone’s colours to fit your own preferences
- Extremely fast word identification and page modification
- Colours each character according to its word-value
- Allows viewing content in a playground environment, separate from the page
- Customizable page selectors - colour only the parts you want
- Supports both traditional and simplified characters
- Includes a recent version of CEDICT - the most popular Chinese-English dictionary
- Integrates well into Google Docs environment

HOW-TO & FAQ

Colour Content

After the page finished loading, the page's content can be easily manipulated with one mouse-click on Crisp's browser icon. The page's accessible content will be immediately analyzed and coloured according to the pre-defined tone codes.

Adjust Tone Colours and Word-Margin

the 'Options' page can be reached via right-clicking Crisp's browser icon and selecting 'Options'. In the options page, the user can easily change the colour of each tone. Via the options page it is also possible to adjust the default word-margin, though it is not normally recommended. Please note that any previously opened tab should be refreshed before the new settings can be applied.

Restore Default Settings

default settings can be easily restored via the 'default settings' button on the 'Options' page. Please note that any previously opened tab should be refreshed before the new settings can be applied.

Adjust Affected Content Parts

Via the options page, it is also possible to set which of the page's elements should be affected upon pressing Crisp's browser icon. The default active elements are Headlines, Links, Texts and Tables. For pages where texts are not wrapped by dedicated elements, it is also possible to activate 'whole-page' analysis or free-form analysis (which addresses text in div elements). Performing whole-page and free-form analysis can sometimes cause the page's functionality to break, and thus not activated by default. Please note that any previously opened tab should be refreshed before the new settings can be applied.

Inspect Text in the Toy-Box Widget

By selecting text inside the page and pressing right-click, it is possible to colour and analyze only certain parts of the page in a special Toy-Box, which should appear at the top-right corner of the page.

Extract Word Frequency and Adjust tab's Word-Margin

The toy-box can also be reached by right-clicking Crisp's browser-icon and pressing the 'Toy-Box' option. After performing the page analysis (by pressing the browser-icon, as described above), the tab's word-margin and font-size can be adjusted and the most-frequent words can be viewed via the Toy-Box widget. Words in the word-frequency section can be easily copied to clipboard by clicking them once.

Disable Colours and other Features

Some features, such as the colours themselves and marking the words on-hover, can be disabled from the options page. By simply unchecking their relevant checkbox, it's possible to disable these 2 features. In addition, each tab's colors can be dynamically toggled on/off by right-clicking Crisp's icon-browser and selecting 'Toggle Colors'.

VERSIONS

V1.0.0.0 - Known Issues:

(1) pages can only be analyzed on tabs of the main browser window.
(2) pressing the browser-icon while on pagination is loading can break the page's behavior.
(3) elements structured using deeply-inherited table-cell display might suffer some issues. This issue is handled only to a certain extant, in order to avoid degrading performance level.
(4) word tokenization is a learning-process and is scheduled to be further addressed in later versions.
(5) objects structure and name-spacing needs to be refactored in several parts of the extension to improve readability and scalability.
(6) iframe content is currently not analysed.

CONTRIBUTE

Crisp is still in its early stages and aims to evolve with time. For any colourful suggestion (pun intended), crazy idea or annoying bug you may stumble upon, please let us know at [email protected]
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "Crisp", "description": "An Accessiable Chinese Web.", "version": "1.0.0.6", "browser_action": { "default_icon": "/images/icon.png", "default_title": "Crisp" }, "permissions": [ "activeTab", "contextMenus", "storage", "http://*/*", "https://ajax.googleapis.com/", "file://data/chex_table.json" ], "icons": { "16": "/images/icon.png", "128": "/images/icon.png" }, "content_scripts": [{ "js": ["/assets/jquery-3.1.1.min.js", "/assets/jquery-ui.min.js", "/assets/clipboard.min.js", "/assets/tooltipster/tooltipster.bundle.min.js", "/chrome/content.js"], "css": ["/assets/tooltipster/tooltipster-sideTip-borderless.min.css", "/assets/tooltipster/tooltipster.bundle.css", "main.css"], "matches": [ "http://*/*", "https://*/*"], "run_at": "document_start" }], "background": { "scripts": ["/assets/jquery-3.1.1.min.js", "/js/utils.js", "/chrome/prefs.js", "/chrome/main.js", "/js/tokenize.js", "/js/colorize.js"] }, "web_accessible_resources": [ "main.css" ], "options_page": "chrome/options/options.html", "options_ui": { "page": "chrome/options/options.html", "open_in_tab": true }}
Read more

How to download and manually install Crisp extension for Chrome

Looking for a way to install Crisp extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Crisp extensions manually, this article outlines two simple methods to effortlessly install Crisp extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Crisp extension and manually install through Drag &Drop

If you ever need to manually install a Crisp extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Crisp Extension by clicking the "Download CRX" button on the website.

Look for the Crisp extension you wish to install. Go to the website and download the Crisp extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Crisp extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Crisp extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Crisp extension for Chrome and install in Developer Mode

This is another method to install Crisp extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Crisp extension file

Select and download the Crisp extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Crisp extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Crisp extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Crisp extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Crisp extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

LiuChan Chinese Popup Dictionary Extension · Productivity 97 36 ★ 6.12MiB

icon

Panlatin Extension · Social & Communication 97 7 ★ 4.36MiB

icon

Thirst Extension · Social & Communication 97 0 ★ 392KiB

icon

Chinese Personalized Colors Extension · Productivity 97 5 ★ 4.63MiB

icon

Frequency Extension · Developer Tools 97 8 ★ 192KiB

icon

Pinyinify Extension · Productivity 97 2 ★ 300KiB

icon

Not A Chatbot, by DAPHNE Extension · Productivity 97 0 ★ 405KiB

icon

Chinese Console Popup Dictionary Extension · Productivity 97 13 ★ 7.7MiB

icon

SurfBoard 6.2 Extension · Accessibility 97 0 ★ 2.14MiB

icon

Ponddy Daily Words:A Fun Way To Learn Chinese Extension · Productivity 97 9 ★ 1.15MiB

icon

Hanzisize Extension · Productivity 97 6 ★ 615KiB

icon

Highlight Known Chinese Words Extension · Productivity 97 3 ★ 840KiB

icon

bLeengo Extension · Productivity 97 8 ★ 38.88KiB

icon

Zhongzhong: An improved Chinese Dictionary Extension · Productivity 97 61 ★ 6.13MiB

icon

LearningChinese Screenshare Extension Extension · Social & Communication 97 0 ★ 9.25KiB

icon

Wen Mang Extension · Productivity 97 3 ★ 33.12KiB

icon

Sound-Site Extension · Fun 97 1 ★ 109MiB

icon

NiM (Node.js V8 --inspector Manager) Beta Extension · Developer Tools 97 1 ★ 448KiB

icon

NewTab Memo Extension · Productivity 97 6 ★ 24.05KiB

icon

Video & Audio Muxer Extension · Productivity 97 3 ★ 6.6MiB

icon

Mandarin + Cantonese Dictionary Extension · Productivity 97 5 ★ 5.6MiB

icon

ColorBlindClick Extension · Social & Communication 97 9 ★ 159KiB

icon

Vocab Tracker Extension · Productivity 97 55 ★ 103KiB

icon

BitMar Extension · Fun 97 4 ★ 62.85KiB

User reviews

icon

Evgeny Axler (ID: 0000009e897de44e) Voted 5 ★ - Updated 12/31/2016 a brilliant passive way to get the tones in your head! love it