Collect this article, get efficiency secrets at any time

Stand pure point of view, with curiosity and everyone to experience this CSDN browser plug-in, let your browser become warm

sequence

CSDN technology community has been creating an information platform for IT developers to share technical knowledge and discuss technical topics. IT has also made frequent efforts in social media and knowledge payment fields. After a series of layout planning, a new member has been added to its ecosystem, the protagonist of this paper

Before introducing the main character of this article, let’s take a look at the following two words:

  • Fit: Refers to the exact fit, the thing that corresponds to something that fits very well
  • Understand: from the heart from the dong, understand, indicating that “heart” inside the grasp of all aspects of the situation

I mention them because I’m going to label today’s hero, the CSDN browser plug-in!

  1. Understand you more
  2. More suitable for

One, understand you better

This section abstract: To solve all kinds of problems you encounter in the browser, no matter you are a student white, or workplace veteran bird, can use this plug-in to create a personalized browser, improve work and learning efficiency — CSDN

“Know you better” is the first label I put on it. If you don’t believe me, you may as well follow me and understand how it follows your heart from multiple perspectives.

1.1 Simple design

Minimalist design style, simple but not simple, to be fair, the first time TO open the page, I always feel very familiar (familiar feeling is like baidu search + bookmark + simple function combination version)

It took me 30 seconds to remove part of the menu and replace the background with my favorite wallpaper. Now it looks like this:

At first glance, it flexed its muscles, combining the two contradictory adjectives of versatility and simplicity, and provided me with a powerful collection of gadgets, including but not limited to:

  • Major search engine search
  • Mobile app smooth personalized tags
  • On the desktop of the computer, I can play with wallpaper all afternoon

At the same time, we all know that minimalist design is not a matter of mechanically removing or subtracting web sites or page components/modules. On the contrary, every little detail in the interface is paid attention to. I think this is a reflection of you (the user)?

1.2 Pleasant experience

Knowing that users can be difficult to “deal with”, all features stand out smoothly. What can be done on one page will be done on one page.

Scenario 1

If Yu Guang is an otaku who loves watching anime, I may pay most attention to B station (5T5niu ~), and I love shopping, and I can’t do without calculator and Taobao discount when I am on 618, then here comes the demand:

  • Practical tools:
    • B station address
    • comic
    • Taobao shopping

My browser now looks like this:

Scenario 2

If Yu Guang is a motivated college student who loves learning, WHAT I pay most attention to must be MOOC, campus network, learn-related tools and website links.

  • Practical tools:
    • The calculator
    • Learning to address
    • A key to translate

My browser now looks like this:

Is there a sense of accomplishment, everyone can customize their own browser according to their own style, habits, advanced ~

All of this is achieved through the function menu in the upper right corner + wallpaper toggle in the lower right corner, so the potential is still huge:

operation

A minimalist interface and a variety of functional designs are cleverly combined in this plug-in, where we are the user and the designer of our own browser.

Two, it suits you better

Abstract: As development, we pursue efficiency, the pursuit of “lazy”, review the history of technology and social development, we are constantly emancipating labor force, improve productivity

As a developer, let’s take a look at some of the things that help us be more efficient

2.1 One-click universal box search

In any screen, press C to search, you can also find the history of bookmarks

  1. Press the letter “C” to exhale the universal box
    • Input different short password in universal box, you can achieve one key JSON conversion, one key conversion
  2. One-click minimalist search
    • Under any web page, press the letter “C” on the keyboard to pop up the universal search box, one click to search the whole web + local bookmarks + history, greatly improving the search efficiency.
  3. More shortcuts:
    • Keyboard press “B” to search only bookmarks; Keyboard press Shift +” T “to toggle tabs

2.2 Integration of technical documents

Use the document query tool to lock directly

2.3 Extension of other technical tools

Many geek geeks are also keen to develop lightweight and fast tools for themselves, such as:

  • Password management
  • Timestamp conversion
  • Hexadecimal conversion

For development, one less click of the mouse, one less letter to type is an increase in efficiency, let them into our lives, also make our daily work more comfortable, EMMM in other words, water skiing time increased!

Three, advice,

After simple use and digestion, I found familiar places and new features, and overall the plugin experience exceeded my expectations:

  • Provides the relatively high frequency operation when I develop
  • It makes my daily surfing a lot easier
  • The customized browser is cool
  • It is supported by CSDN and has great potential in the future

But!!!!!!

3.1 Suggestions (Questions)

Overlapping text caused by spacing

There is a threshold to getting started

Where am I and who am I as a student who “doesn’t know anything”? So is it possible to add more complete descriptions or examples of some features?

Failed to delete?

4. My impression

First impressions:

Cool, surprise

Usage scenarios

Web surfing + development AIDS

Favorite feature

TAB page beautification + utility shortcuts

Overall score (out of 5)

5 points!! Not afraid of your pride

expect

I hope this warm and thoughtful product gets better and better

Five, download steps

I believe that students reading here must have developed a strong interest in the CSDN browser plug-in

5.1 Home page and Download Address of plug-in

Plug-in download link

5.2 Installation Procedure

So here’s a little bit of intuition

steps describe operation
The first step Downloading the Installation package Download address
The second step Enter Chrome :// Extensions/to go to the extension page and enable the developer mode
Step 3 (Optional) To install the CRX file, drag the CRX file to the Chrome :// Extension page
Step 3 (Optional) Chrome Store Installation: Go to the store to install

Then you can open a new TAB to operate ~

Write in the last

My browser looks like this after a simple makeover:

I’d love to have more interaction with you, but if you’ve customized your own browser page, let me know in the comments

If you read this, please do a small thing and give my GitHub repository a star. Thanks – (· ω ·) Blue

About me

Other precipitation

  • Js version of LeetCode problem solving
  • Front-end advanced notes