⪼ Made with 💜 by Polyglot.
- Income Sources :: Keyboard Shortcuts Reference
- Adding Keyboard Shortcuts to a 24 Year Old Government Website with Userscripts (HN)
- (Chrome Extension) Forward/Slash to Search
- (Chrome Extension) Forward/Slash to Search: Business Rules
When you navigate to a web page that contains a search field, about 95% of the time, the only thing you care to do on that page is...search. Most websites do not automatically place your cursor into the search box. This means, you have to manually place the focus on the serach box, usually with your mouse or trackpad, click, then type. This extension saves you from moving your hands from the keyboard by allowing you to simply type the
/
key. When you hit the/
key, focus is placed into the search box allowing you to immediately type your search query. By pressing theenter|return
key, your search is executed.
P /
2 0\
- MVP / V1
- Design Logo
- Icon (based on logo)
- Help Page
- Publish
- Website (Link to product hunt)
- Product Hunt Submission
- Enable Placeholder Text:
Press / To Search
- Enable Tour
- Shortcuts
-
/
-
[ESC]
-
Browser Storage + Sync
Pause on this site:
- Once
- Forever
mkdir browser-extension-eeek
cd browser-extension-eeek
» touch manifest.json
» touch background.js
» touch content.js
» touch popup.{html,js}
» code .
» mkdir images
- a single keyboard shortcut to show keyboard shortcuts for the current website (
?
) - if it already exists, then, we don't do anything - adds useful keyboard shortcuts to websites that do not have any
-
?
: Open keyboard shortcut help -
/
: search (i.e. LinkedIn) -
gi
: go to inbox (i.e. LinkedIn) -
gc
: go to contacts/connections (i.e. LinkedIn) -
gp
: go to pages (i.e. LinkedIn) -
gn
: go to newsletters (i.e. LinkedIn)
-
input[name="q"]
input[inputmode="search"]
input[aria-label="Search" i]
input[aria-label~"Search" i]
input[placeholder~"Search" i]
<input type="text" id="twotabsearchtextbox" value="" name="field-keywords" autocomplete="off" placeholder="Search Amazon" class="nav-input nav-progressive-attribute" dir="auto" tabindex="0" aria-label="Search Amazon" spellcheck="false" data-last-active-input="">
<input name="q" id="input_search-box-input-comp-lmi8x0l2" class="KvoMHf has-custom-focus wixui-text-input__input" type="search" placeholder="Type to Search..." aria-required="false" maxlength="100" autocomplete="off" aria-label="Type to Search..." value="" data-last-active-input="">
<input aria-expanded="false" aria-owns="search-dropdown-results" data-accessibility-id="header-search-input-field" data-anchor-id="HeaderSearchInputField" data-lpignore="true" type="text" aria-label="Store search: begin typing to search for stores available on DoorDash" autocomplete="off" placeholder="Search stores, dishes, products" inputmode="search" id="FieldWrapper-0" aria-describedby="search-dropdown-results" class="Input__InputContent-sc-1o75rg4-3 idveBz" value="" data-last-active-input="">
<input class="nav-v2-search__input" type="text" name="q" placeholder="Search..." autocomplete="off" value="" data-last-active-input="">
<input class="main__search-input" type="text" name="q" tabindex="1" placeholder="Enter the domain you want" autocomplete="off" autocapitalize="off" autocorrect="off" spellcheck="false" required="" data-last-active-input="">
<input id="search-bar-input" autocomplete="off" autocorrect="off" autocapitalize="off" aria-autocomplete="both" aria-haspopup="listbox" aria-describedby="search-term-accessibility-navigation-input" aria-controls="dropdown-container" placeholder="Search products, stores, and recipes" aria-expanded="false" class="e-60moso" value="" aria-label="Search" data-last-active-input="">
<input class="search-global-typeahead__input" placeholder="Search" role="combobox" aria-autocomplete="list" aria-label="Search" aria-activedescendant="" aria-expanded="false" type="text" data-last-active-input="">
document.querySelector('[id*=search]').focus()
<input id="search-field" type="text" class="ydbIO" placeholder="Try searching "Calendar"" autocomplete="off" value="">
