2020-12-07 01:37:19 +00:00
<!DOCTYPE html>
2021-04-11 03:55:11 +00:00
< html lang = "en" data-browser = "unknown" data-os = "unknown" data-manifest-version = "unknown" >
2020-12-07 01:37:19 +00:00
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width,initial-scale=1" >
2021-01-16 21:55:40 +00:00
< title > Yomichan Settings< / title >
2021-02-13 01:27:43 +00:00
< link rel = "icon" type = "image/png" href = "/images/icon16.png" sizes = "16x16" >
< link rel = "icon" type = "image/png" href = "/images/icon19.png" sizes = "19x19" >
< link rel = "icon" type = "image/png" href = "/images/icon32.png" sizes = "32x32" >
< link rel = "icon" type = "image/png" href = "/images/icon38.png" sizes = "38x38" >
< link rel = "icon" type = "image/png" href = "/images/icon48.png" sizes = "48x48" >
< link rel = "icon" type = "image/png" href = "/images/icon64.png" sizes = "64x64" >
< link rel = "icon" type = "image/png" href = "/images/icon128.png" sizes = "128x128" >
2021-02-13 02:03:30 +00:00
< link rel = "stylesheet" type = "text/css" href = "/css/material.css" >
2021-02-15 15:48:57 +00:00
< link rel = "stylesheet" type = "text/css" href = "/css/settings.css" >
2021-07-17 18:44:36 +00:00
< link rel = "stylesheet" type = "text/css" href = "/css/display-pronunciation.css" >
2020-12-07 01:37:19 +00:00
< / head >
< body >
<!-- Main content -->
< div class = "content-outer" > < div class = "content" >
< div class = "content-left" >
< div class = "sidebar" > < div class = "sidebar-inner" >
< div class = "sidebar-body" >
2021-02-21 05:18:43 +00:00
< a href = "#!profile" class = "button outline-item" > < span class = "outline-item-left" > < span class = "outline-item-icon icon" data-icon = "profile" > < / span > < / span > < span class = "outline-item-label" > Profile< / span > < / a >
2021-04-30 22:01:16 +00:00
< a href = "#!dictionaries" class = "button outline-item" > < span class = "outline-item-left" > < span class = "outline-item-icon icon" data-icon = "book" > < / span > < span class = "outline-item-left-warning-badge no-dictionaries-enabled-warning" hidden > < div class = "badge warning-badge" > < span class = "icon" data-icon = "exclamation-point-short" > < / span > < / div > < / span > < / span > < span class = "outline-item-label" > Dictionaries< / span > < / a >
2021-02-21 05:18:43 +00:00
< a href = "#!general" class = "button outline-item" > < span class = "outline-item-left" > < span class = "outline-item-icon icon" data-icon = "cog" > < / span > < / span > < span class = "outline-item-label" > General< / span > < / a >
< a href = "#!scanning" class = "button outline-item" > < span class = "outline-item-left" > < span class = "outline-item-icon icon" data-icon = "scanning" > < / span > < / span > < span class = "outline-item-label" > Scanning< / span > < / a >
< a href = "#!popup" class = "button outline-item" > < span class = "outline-item-left" > < span class = "outline-item-icon icon" data-icon = "popup" > < / span > < / span > < span class = "outline-item-label" > Popup< / span > < / a >
< a href = "#!popup-appearance" class = "button outline-item" > < span class = "outline-item-left" > < span class = "outline-item-icon icon" data-icon = "palette" > < / span > < / span > < span class = "outline-item-label" > Appearance< / span > < / a >
< a href = "#!popup-size" class = "button outline-item" > < span class = "outline-item-left" > < span class = "outline-item-icon icon" data-icon = "popup-size" > < / span > < / span > < span class = "outline-item-label" > Position & Size< / span > < / a >
< a href = "#!window" class = "button outline-item advanced-only" > < span class = "outline-item-left" > < span class = "outline-item-icon icon" data-icon = "window" > < / span > < / span > < span class = "outline-item-label" > Window< / span > < / a >
< a href = "#!audio" class = "button outline-item" > < span class = "outline-item-left" > < span class = "outline-item-icon icon" data-icon = "speaker" > < / span > < / span > < span class = "outline-item-label" > Audio< / span > < / a >
< a href = "#!text-parsing" class = "button outline-item" > < span class = "outline-item-left" > < span class = "outline-item-icon icon" data-icon = "text-parsing" > < / span > < / span > < span class = "outline-item-label" > Text Parsing< / span > < / a >
< a href = "#!translation" class = "button outline-item advanced-only" > < span class = "outline-item-left" > < span class = "outline-item-icon icon" data-icon = "translation" > < / span > < / span > < span class = "outline-item-label" > Translation< / span > < / a >
< a href = "#!anki" class = "button outline-item" > < span class = "outline-item-left" > < span class = "outline-item-icon icon" data-icon = "note-card" > < / span > < / span > < span class = "outline-item-label" > Anki< / span > < / a >
< a href = "#!clipboard" class = "button outline-item" > < span class = "outline-item-left" > < span class = "outline-item-icon icon" data-icon = "clipboard" > < / span > < / span > < span class = "outline-item-label" > Clipboard< / span > < / a >
< a href = "#!shortcuts" class = "button outline-item" > < span class = "outline-item-left" > < span class = "outline-item-icon icon" data-icon = "keyboard" > < / span > < / span > < span class = "outline-item-label" > Shortcuts< / span > < / a >
< a href = "#!backup" class = "button outline-item" > < span class = "outline-item-left" > < span class = "outline-item-icon icon" data-icon = "backup" > < / span > < / span > < span class = "outline-item-label" > Backup< / span > < / a >
2021-09-30 23:41:26 +00:00
< a href = "#!accessibility" class = "button outline-item" > < span class = "outline-item-left" > < span class = "outline-item-icon icon" data-icon = "accessibility" > < / span > < / span > < span class = "outline-item-label" > Accessibility< / span > < / a >
2021-02-21 05:18:43 +00:00
< a href = "#!security" class = "button outline-item advanced-only" > < span class = "outline-item-left" > < span class = "outline-item-icon icon" data-icon = "lock" > < / span > < / span > < span class = "outline-item-label" > Security< / span > < / a >
2020-12-07 01:37:19 +00:00
< / div >
< div class = "sidebar-bottom" >
2021-02-21 05:18:43 +00:00
< label class = "button outline-item" > < span class = "outline-item-left" >
2022-04-02 18:59:16 +00:00
< label class = "toggle advanced-toggle" > < input id = "advanced-checkbox" type = "checkbox" data-setting = "general.showAdvanced"
2020-12-31 18:10:23 +00:00
data-transform='{
"type": "setAttribute",
"selector": ":root",
"attribute": "data-advanced"
}'
>< span class = "toggle-body" > < span class = "toggle-track" > < / span > < span class = "toggle-knob" > < / span > < / span > < / label >
2020-12-20 20:43:10 +00:00
< / span > < span class = "outline-item-label" > Advanced< / span > < / label >
2021-02-21 05:18:43 +00:00
< a href = "/info.html" class = "button outline-item" > < span class = "outline-item-left" > < span class = "outline-item-icon icon" data-icon = "question-mark" > < / span > < / span > < span class = "outline-item-label" > About Yomichan< / span > < / a >
2020-12-07 01:37:19 +00:00
< / div >
< / div > < / div >
< / div >
< div class = "content-center" >
< span tabindex = "-1" id = "content-scroll-focus" > < / span >
< h1 > Yomichan Settings< / h1 >
2021-04-11 03:55:11 +00:00
<!-- Notifications -->
< div class = "settings-group settings-group-top-margin page-loading-stalled-notification" >
< div class = "settings-item" > < div class = "settings-item-inner settings-item-inner-wrappable" >
< div class = "settings-item-left" >
< div class = "settings-item-label" >
< p >
This page is taking longer than expected to load.
< / p >
< p data-show-for-browser = "safari" >
Due to a bug in Safari, it may be necessary to click the < img src = "/images/yomichan-icon.svg" class = "inline-icon" alt = "" > < em > Yomichan< / em >
button in the browser bar to fully load the page
< / p >
< / div >
< / div >
< / div > < / div >
< / div >
2020-12-30 16:42:10 +00:00
<!-- Profile -->
2020-12-20 21:03:07 +00:00
< div class = "heading-container" >
< div class = "heading-container-icon" > < span class = "icon" data-icon = "profile" > < / span > < / div >
2021-01-09 21:39:30 +00:00
< div class = "heading-container-left" > < h2 id = "profile" > < a href = "#!profile" > Profile< / a > < / h2 > < / div >
2020-12-20 21:03:07 +00:00
< / div >
2020-12-07 01:37:19 +00:00
< div class = "settings-group" >
< div class = "settings-item" > < div class = "settings-item-inner settings-item-inner-wrappable" >
< div class = "settings-item-left" >
< div class = "settings-item-label" > Default profile< / div >
< div class = "settings-item-description" > Switch the primary profile that is used for scanning.< / div >
< / div >
< div class = "settings-item-right" >
< select id = "profile-active-select" > < / select >
< / div >
< / div > < / div >
< div class = "settings-item" > < div class = "settings-item-inner settings-item-inner-wrappable" >
< div class = "settings-item-left" >
< div class = "settings-item-label" > Editing profile< / div >
< div class = "settings-item-description" > Change which profile is being modified on this page.< / div >
< / div >
< div class = "settings-item-right" >
< select id = "profile-target-select" > < / select >
< / div >
< / div > < / div >
< div class = "settings-item settings-item-button" data-modal-action = "show,profiles" > < div class = "settings-item-inner" >
< div class = "settings-item-left" >
2020-12-22 00:21:03 +00:00
< div class = "settings-item-label" > Configure profiles… < / div >
2020-12-07 01:37:19 +00:00
< / div >
< div class = "settings-item-right open-panel-button-container" >
2020-12-20 20:43:10 +00:00
< button class = "icon-button" > < span class = "icon-button-inner" > < span class = "icon" data-icon = "material-right-arrow" > < / span > < / span > < / button >
2020-12-07 01:37:19 +00:00
< / div >
< / div > < / div >
< / div >
2020-12-30 16:42:10 +00:00
<!-- Dictionaries -->
2020-12-20 21:03:07 +00:00
< div class = "heading-container" >
< div class = "heading-container-icon" > < span class = "icon" data-icon = "book" > < / span > < / div >
2021-01-25 03:32:29 +00:00
< div class = "heading-container-left" > < h2 id = "dictionaries" > < a href = "#!dictionaries" > Dictionaries< / a > < span class = "heading-sub-text no-wrap" data-modal-action = "show,dictionaries" > (< span id = "dictionary-install-count" > #< / span > installed, < span id = "dictionary-enabled-count" > #< / span > enabled)< / span > < / h2 > < / div >
2020-12-20 21:03:07 +00:00
< / div >
2020-12-07 01:37:19 +00:00
< div class = "settings-group" >
< div class = "settings-item settings-item-button" data-modal-action = "show,dictionaries" > < div class = "settings-item-inner" >
< div class = "settings-item-left" >
2021-02-08 22:52:46 +00:00
< div class = "settings-item-label" >
< div class = "flex-row-nowrap" >
< div > Configure installed and enabled dictionaries… < / div >
2021-04-30 22:01:16 +00:00
< div class = "flex-margin-left badge warning-badge no-dictionaries-enabled-warning" hidden > < span class = "icon" data-icon = "exclamation-point-short" > < / span > < / div >
2021-02-08 22:52:46 +00:00
< / div >
< / div >
2020-12-07 01:37:19 +00:00
< / div >
< div class = "settings-item-right open-panel-button-container" >
2020-12-20 20:43:10 +00:00
< button class = "icon-button" > < span class = "icon-button-inner" > < span class = "icon" data-icon = "material-right-arrow" > < / span > < / span > < / button >
2020-12-07 01:37:19 +00:00
< / div >
< / div > < / div >
< div class = "settings-item" >
< div class = "settings-item-inner" >
< div class = "settings-item-left" >
< div class = "settings-item-label" > Storage< / div >
< div class = "settings-item-description" >
< span class = "storage-use-invalid" >
Yomichan is using an indeterminate amount of storage.
< / span >
< span class = "storage-use-finite" hidden >
Yomichan is using approximately < span class = "storage-usage" > ?< / span > of < span class = "storage-quota" > ?< / span > .
< / span >
< span class = "storage-use-infinite" hidden >
Yomichan is permitted unlimited storage.
< / span >
< / div >
< / div >
< div class = "settings-item-right" >
< button id = "storage-refresh" class = "low-emphasis" > Refresh< / button >
< / div >
< / div >
< / div >
< div class = "settings-item" >
< div class = "settings-item-inner" >
< div class = "settings-item-left" >
< div class = "settings-item-label" > Persistent storage< / div >
< div class = "settings-item-description" >
Enable to help prevent the browser from unexpectedly clearing the database.
2021-08-28 18:45:25 +00:00
< a tabindex = "0" class = "more-toggle more-only" data-parent-distance = "4" > More… < / a >
2020-12-07 01:37:19 +00:00
< / div >
< / div >
< div class = "settings-item-right" >
< label class = "toggle" > < input type = "checkbox" id = "storage-persistent-checkbox" > < span class = "toggle-body" > < span class = "toggle-track" > < / span > < span class = "toggle-knob" > < / span > < / span > < / label >
< / div >
< / div >
< div class = "settings-item-children more" hidden >
< p >
Web browsers will sometimes clear stored data if the device is running low on storage space.
This can result in the imported dictionaries being deleted unexpectedly, causing Yomichan to stop functioning.
Enabling persistent storage tells the browser that the data should not be deleted in those circumstances.
< / p >
< p data-show-for-browser = "firefox firefox-mobile" class = "storage-use-invalid" hidden >
On Firefox and Firefox for Android, the storage information feature may be hidden behind a browser flag.
To enable this flag, open < a href = "about:config" target = "_blank" rel = "noopener" > about:config< / a > and search for
< strong > dom.storageManager.enabled< / strong > .
Setting its value to < strong > true< / strong > should allow storage information to be calculated.
< / p >
< p data-show-for-browser = "firefox-mobile" >
It may not be possible to enable Persistent Storage on Firefox for Android.
< / p >
< p data-show-for-browser = "chrome edge" >
Chromium-based browsers should not need to enable this setting since the Yomichan extension has
the < code > unlimitedStorage< / code > permission, which should prevent data deletion.< sup > < a href = "https://bugs.chromium.org/p/chromium/issues/detail?id=680392#c15" target = "_blank" rel = "noopener" > [1]< / a > < / sup >
< / p >
< p >
2021-08-28 18:45:25 +00:00
< a tabindex = "0" class = "more-toggle" data-parent-distance = "3" > Less… < / a >
2020-12-07 01:37:19 +00:00
< / p >
< / div >
< / div >
< / div >
2020-12-30 16:42:10 +00:00
<!-- General -->
2020-12-20 21:03:07 +00:00
< div class = "heading-container" >
< div class = "heading-container-icon" > < span class = "icon" data-icon = "cog" > < / span > < / div >
2021-01-09 21:39:30 +00:00
< div class = "heading-container-left" > < h2 id = "general" > < a href = "#!general" > General< / a > < / h2 > < / div >
2020-12-20 21:03:07 +00:00
< / div >
2020-12-07 01:37:19 +00:00
< div class = "settings-group" >
< div class = "settings-item" > < div class = "settings-item-inner" >
< div class = "settings-item-left" >
< div class = "settings-item-label" > Enable content scanning< / div >
< / div >
< div class = "settings-item-right" >
< label class = "toggle" > < input type = "checkbox" data-setting = "general.enable" > < span class = "toggle-body" > < span class = "toggle-track" > < / span > < span class = "toggle-knob" > < / span > < / span > < / label >
< / div >
< / div > < / div >
< div class = "settings-item" > < div class = "settings-item-inner" >
< div class = "settings-item-left" >
2021-02-13 04:03:15 +00:00
< div class = "settings-item-label" > Show the < a href = "/welcome.html" target = "_blank" rel = "noopener" > welcome guide< / a > on browser startup< / div >
2020-12-07 01:37:19 +00:00
< / div >
< div class = "settings-item-right" >
< label class = "toggle" > < input type = "checkbox" data-setting = "general.showGuide" > < span class = "toggle-body" > < span class = "toggle-track" > < / span > < span class = "toggle-knob" > < / span > < / span > < / label >
< / div >
< / div > < / div >
< div class = "settings-item" >
< div class = "settings-item-inner settings-item-inner-wrappable" >
< div class = "settings-item-left" >
< div class = "settings-item-label" > Result grouping mode< / div >
< div class = "settings-item-description" >
Change how related results are grouped.
2021-08-28 18:45:25 +00:00
< a tabindex = "0" class = "more-toggle more-only" data-parent-distance = "4" > More… < / a >
2020-12-07 01:37:19 +00:00
< / div >
< / div >
< div class = "settings-item-right" >
2020-12-31 18:10:23 +00:00
< select data-setting = "general.resultOutputMode"
data-transform='{
"type": "setVisibility",
"selector": "#main-dictionary-container",
"condition": {"op": "===", "value": "merge"}
}'
>
2020-12-07 01:37:19 +00:00
< option value = "split" > No grouping< / option >
< option value = "group" > Group term-reading pairs< / option >
< option value = "merge" > Group related terms< / option >
< / select >
< / div >
< / div >
< div class = "settings-item-children more" hidden >
< ul >
< li >
< strong > No grouping< / strong > -
Every definition will be listed as a separate entry.
< / li >
< li >
< strong > Group term-reading pairs< / strong > -
Definitions for the same term with the same reading will be grouped together.
< / li >
< li >
< p >
< strong > Group related terms< / strong > -
Related terms that share the same definitions will be grouped together.
< / p >
< p >
The < em > Primary dictionary< / em > option should be assigned to a dictionary which contains related term information,
and configuring the < em > Secondary dictionaries< / em > will allow definitions for the related terms to be
included from other dictionaries.
< / p >
< p class = "warning-text" >
Not all dictionaries are able to be selected as the < em > Primary dictionary< / em > .
< / p >
< / li >
< / ul >
< p >
2021-08-28 18:45:25 +00:00
< a tabindex = "0" class = "more-toggle" data-parent-distance = "3" > Less… < / a >
2020-12-07 01:37:19 +00:00
< / p >
< / div >
< div class = "settings-item-children settings-item-children-group" id = "main-dictionary-container" hidden >
2020-12-30 18:32:41 +00:00
< div class = "settings-item" > < div class = "settings-item-inner settings-item-inner-wrappable" >
2020-12-07 01:37:19 +00:00
< div class = "settings-item-left" >
< div class = "settings-item-label" > Primary dictionary< / div >
< / div >
< div class = "settings-item-right" >
< select data-setting = "general.mainDictionary" > < / select >
< / div >
< / div > < / div >
< div class = "settings-item settings-item-button" data-modal-action = "show,secondary-search-dictionaries" > < div class = "settings-item-inner" >
< div class = "settings-item-left" >
2020-12-22 00:21:03 +00:00
< div class = "settings-item-label" > Secondary dictionaries… < / div >
2020-12-07 01:37:19 +00:00
< / div >
< div class = "settings-item-right open-panel-button-container" >
2020-12-20 20:43:10 +00:00
< button class = "icon-button" > < span class = "icon-button-inner" > < span class = "icon" data-icon = "material-right-arrow" > < / span > < / span > < / button >
2020-12-07 01:37:19 +00:00
< / div >
< / div > < / div >
< / div >
< / div >
2021-09-26 15:08:16 +00:00
< div class = "settings-item advanced-only" >
< div class = "settings-item-inner settings-item-inner-wrappable" >
< div class = "settings-item-left" >
< div class = "settings-item-label" > Frequency sorting dictionary< / div >
< div class = "settings-item-description" >
Sort results using a frequency dictionary.
< a tabindex = "0" class = "more-toggle more-only" data-parent-distance = "4" > More… < / a >
< / div >
< / div >
< div class = "settings-item-right" >
< select id = "sort-frequency-dictionary" > < / select >
< / div >
< / div >
< div class = "settings-item-children more" hidden >
< p >
Enabling this option will sort search results using a specific dictionary.
This can be beneficial when using multiple dictionaries which may not have
consistent sorting information.
< / p >
< p >
< a tabindex = "0" class = "more-toggle" data-parent-distance = "3" > Less… < / a >
< / p >
< / div >
< div class = "settings-item-children settings-item-children-group" id = "sort-frequency-dictionary-order-container" hidden >
< div class = "settings-item" >
< div class = "settings-item-inner settings-item-inner-wrappable" >
< div class = "settings-item-left" >
< div class = "settings-item-label" >
Frequency sorting mode
< a tabindex = "0" class = "more-toggle more-only" data-parent-distance = "4" > (?)< / a >
< / div >
< / div >
< div class = "settings-item-right" >
< div class = "horizontal-flex horizontal-flex-nowrap" >
< button class = "low-emphasis" id = "sort-frequency-dictionary-order-auto" > Auto< / button >
< select id = "sort-frequency-dictionary-order" >
< option value = "descending" > Occurrence-based< / option >
< option value = "ascending" > Rank-based< / option >
< / select >
< / div >
< / div >
< / div >
< div class = "settings-item-children more" hidden >
< p >
Dictionary frequency data can be represented in one of two ways:
< / p >
< ul >
< li >
< em > Occurrence-based< / em > , where the frequency corresponds to a number of occurrences.
Large values indicate a more common term.
< / li >
< li >
< em > Rank-based< / em > , where the frequency value corresponds to a ranking index.
Smaller values indicate a more common term.
< / li >
< / ul >
< p >
The correct mode can be determined based on the contents of the dictionary;
the < em > Auto< / em > button attempts to auto-detect the correct value.
< / p >
< p >
< a tabindex = "0" class = "more-toggle" data-parent-distance = "3" > Less… < / a >
< / p >
< / div >
< / div >
< / div >
< / div >
2020-12-07 01:37:19 +00:00
< div class = "settings-item advanced-only" > < div class = "settings-item-inner settings-item-inner-wrappable" >
< div class = "settings-item-left" >
< div class = "settings-item-label" > Maximum number of results< / div >
< div class = "settings-item-description" > Adjust the maximum number of results shown for lookups.< / div >
< / div >
< div class = "settings-item-right" >
< input type = "number" min = "1" data-setting = "general.maxResults" >
< / div >
< / div > < / div >
< / div >
2020-12-30 16:42:10 +00:00
<!-- Scanning -->
2020-12-22 22:14:47 +00:00
< div class = "heading-container" >
< div class = "heading-container-icon" > < span class = "icon" data-icon = "scanning" > < / span > < / div >
2021-01-09 21:39:30 +00:00
< div class = "heading-container-left" > < h2 id = "scanning" > < a href = "#!scanning" > Scanning< / a > < / h2 > < / div >
2020-12-22 22:14:47 +00:00
< / div >
< div class = "settings-group" >
< div class = "settings-item" >
< div class = "settings-item-inner settings-item-inner-wrappable" >
< div class = "settings-item-left" >
< div class = "settings-item-label" > Scan modifier key< / div >
< div class = "settings-item-description" >
Hold a key while moving the cursor to scan text.
2021-08-28 18:45:25 +00:00
< a tabindex = "0" class = "more-toggle more-only" data-parent-distance = "4" > More… < / a >
2020-12-22 22:14:47 +00:00
< / div >
< / div >
< div class = "settings-item-right" >
< select id = "main-scan-modifier-key" > < / select >
< / div >
< / div >
< div class = "settings-item-children more" hidden >
< p >
A keyboard modifier key can be used to activate text scanning when the cursor is moved.
2021-01-15 02:33:41 +00:00
Alternatively, the < em > No key< / em > option can be used to scan text whenever the cursor is moved,
without requiring any key to be held.
2020-12-22 22:14:47 +00:00
< / p >
< p >
More advanced scanning input customization can be set up by enabling the < em > Advanced< / em > option
and clicking < em data-modal-action = "show,scanning-inputs" > Configure advanced scanning inputs< / em > .
< / p >
< p >
2021-08-28 18:45:25 +00:00
< a tabindex = "0" class = "more-toggle" data-parent-distance = "3" > Less… < / a >
2020-12-22 22:14:47 +00:00
< / p >
< / div >
< / div >
< div class = "settings-item" > < div class = "settings-item-inner" >
< div class = "settings-item-left" >
< div class = "settings-item-label" > Scan using middle mouse button< / div >
< div class = "settings-item-description" > Hold the middle mouse button while moving the cursor to scan text.< / div >
< / div >
< div class = "settings-item-right" >
< label class = "toggle" > < input type = "checkbox" id = "middle-mouse-button-scan" > < span class = "toggle-body" > < span class = "toggle-track" > < / span > < span class = "toggle-knob" > < / span > < / span > < / label >
< / div >
< / div > < / div >
< div class = "settings-item settings-item-button advanced-only" data-modal-action = "show,scanning-inputs" > < div class = "settings-item-inner" >
< div class = "settings-item-left" >
< div class = "settings-item-label" > Configure advanced scanning inputs… < span class = "light no-wrap" > (< span class = "scanning-input-count" > #< / span > defined)< / span > < / div >
< / div >
< div class = "settings-item-right open-panel-button-container" >
< button class = "icon-button" > < span class = "icon-button-inner" > < span class = "icon" data-icon = "material-right-arrow" > < / span > < / span > < / button >
< / div >
< / div > < / div >
< div class = "settings-item" >
< div class = "settings-item-inner" >
< div class = "settings-item-left" >
< div class = "settings-item-label" > Auto-hide search popup< / div >
2022-04-04 02:52:53 +00:00
< div class = "settings-item-description" > When no definitions are found after scanning text, the popup will be hidden.< / div >
2020-12-22 22:14:47 +00:00
< / div >
< div class = "settings-item-right" >
2020-12-31 18:10:23 +00:00
< label class = "toggle" > < input type = "checkbox" data-setting = "scanning.autoHideResults"
data-transform='{
"type": "setVisibility",
"selector": "#auto-hide-search-popup-options",
"condition": {"op": "===", "value": true}
}'
>< span class = "toggle-body" > < span class = "toggle-track" > < / span > < span class = "toggle-knob" > < / span > < / span > < / label >
2020-12-22 22:14:47 +00:00
< / div >
< / div >
< div class = "settings-item-children settings-item-children-group" id = "auto-hide-search-popup-options" hidden >
2020-12-30 18:32:41 +00:00
< div class = "settings-item" > < div class = "settings-item-inner settings-item-inner-wrappable" >
2020-12-22 22:14:47 +00:00
< div class = "settings-item-left" >
2022-04-04 02:52:53 +00:00
< div class = "settings-item-label" > Delay < span class = "light" > (in milliseconds)< / span > < / div >
2020-12-22 22:14:47 +00:00
< / div >
< div class = "settings-item-right" >
< input type = "number" data-setting = "scanning.hideDelay" min = "0" >
< / div >
< / div > < / div >
< / div >
< / div >
2022-04-04 02:52:53 +00:00
< div class = "settings-item" >
< div class = "settings-item-inner" >
< div class = "settings-item-left" >
< div class = "settings-item-label" > Hide popup on cursor exit< / div >
< div class = "settings-item-description" > When the cursor exits the popup, the popup will be hidden.< / div >
< / div >
< div class = "settings-item-right" >
< label class = "toggle" > < input type = "checkbox" data-setting = "scanning.hidePopupOnCursorExit"
data-transform='{
"type": "setVisibility",
"selector": "#hide-popup-on-cursor-exit-options",
"condition": {"op": "===", "value": true}
}'
>< span class = "toggle-body" > < span class = "toggle-track" > < / span > < span class = "toggle-knob" > < / span > < / span > < / label >
< / div >
< / div >
< div class = "settings-item-children settings-item-children-group" id = "hide-popup-on-cursor-exit-options" hidden >
< div class = "settings-item" > < div class = "settings-item-inner settings-item-inner-wrappable" >
< div class = "settings-item-left" >
< div class = "settings-item-label" > Delay < span class = "light" > (in milliseconds)< / span > < / div >
< / div >
< div class = "settings-item-right" >
< input type = "number" data-setting = "scanning.hidePopupOnCursorExitDelay" min = "0" >
< / div >
< / div > < / div >
< / div >
< / div >
2020-12-30 18:32:41 +00:00
< div class = "settings-item" > < div class = "settings-item-inner settings-item-inner-wrappable" >
2020-12-22 22:14:47 +00:00
< div class = "settings-item-left" >
< div class = "settings-item-label" > Scan delay < span class = "light" > (in milliseconds)< / span > < / div >
2021-01-15 02:33:41 +00:00
< div class = "settings-item-description" > Change the delay before scanning occurs when no modifier key is required.< / div >
2020-12-22 22:14:47 +00:00
< / div >
< div class = "settings-item-right" >
< input type = "number" data-setting = "scanning.delay" min = "0" >
< / div >
< / div > < / div >
< div class = "settings-item" > < div class = "settings-item-inner" >
< div class = "settings-item-left" >
< div class = "settings-item-label" > Select matched text< / div >
< / div >
< div class = "settings-item-right" >
< label class = "toggle" > < input type = "checkbox" data-setting = "scanning.selectText" > < span class = "toggle-body" > < span class = "toggle-track" > < / span > < span class = "toggle-knob" > < / span > < / span > < / label >
< / div >
< / div > < / div >
< div class = "settings-item" > < div class = "settings-item-inner" >
< div class = "settings-item-left" >
< div class = "settings-item-label" > Search text with non-Japanese characters< / div >
< / div >
< div class = "settings-item-right" >
< label class = "toggle" > < input type = "checkbox" data-setting = "scanning.alphanumeric" > < span class = "toggle-body" > < span class = "toggle-track" > < / span > < span class = "toggle-knob" > < / span > < / span > < / label >
< / div >
< / div > < / div >
< div class = "settings-item advanced-only" > < div class = "settings-item-inner" >
< div class = "settings-item-left" >
< div class = "settings-item-label" > Layout-aware scanning< / div >
< div class = "settings-item-description" > Use webpage styling information to determine where line breaks are likely to be.< / div >
< / div >
< div class = "settings-item-right" >
< label class = "toggle" > < input type = "checkbox" data-setting = "scanning.layoutAwareScan" > < span class = "toggle-body" > < span class = "toggle-track" > < / span > < span class = "toggle-knob" > < / span > < / span > < / label >
< / div >
< / div > < / div >
< div class = "settings-item advanced-only" > < div class = "settings-item-inner" >
< div class = "settings-item-left" >
< div class = "settings-item-label" > Deep content scanning< / div >
< div class = "settings-item-description" > Enable scanning text that is covered by other layers.< / div >
< / div >
< div class = "settings-item-right" >
< label class = "toggle" > < input type = "checkbox" data-setting = "scanning.deepDomScan" > < span class = "toggle-body" > < span class = "toggle-track" > < / span > < span class = "toggle-knob" > < / span > < / span > < / label >
< / div >
< / div > < / div >
2022-09-21 01:06:39 +00:00
< div class = "settings-item advanced-only" >
< div class = "settings-item-inner" >
< div class = "settings-item-left" >
< div class = "settings-item-label" > Normalize CSS zoom< / div >
< div class = "settings-item-description" >
Correct the pointer location on webpages where CSS < code > zoom< / code > is used.
< a tabindex = "0" class = "more-toggle more-only" data-parent-distance = "4" > More… < / a >
< / div >
< / div >
< div class = "settings-item-right" >
< label class = "toggle" > < input type = "checkbox" data-setting = "scanning.normalizeCssZoom" > < span class = "toggle-body" > < span class = "toggle-track" > < / span > < span class = "toggle-knob" > < / span > < / span > < / label >
< / div >
< / div >
< div class = "settings-item-children more" hidden >
< p >
The non-standard CSS < a href = "https://developer.mozilla.org/en-US/docs/Web/CSS/zoom" target = "_blank" rel = "noopener noreferrer" > < code > zoom< / code > < / a > property interferes with the normal calculation of the pointer coordinates when scanning webpages. This property is discouraged from being used and its use is rare, but some webpages may still use it.
< / p >
< p >
Enabling this option, which is on by default, will take the value of this property into account when scanning webpage content. It is currently put behind an option in case there are unforeseen negative side effects.
< / p >
< p >
This setting does not have any effect in Firefox, as it does not implement the < code > zoom< / code > property.
< / p >
< p >
< a tabindex = "0" class = "more-toggle" data-parent-distance = "3" > Less… < / a >
< / p >
< / div >
< / div >
2021-12-18 17:38:39 +00:00
< div class = "settings-item advanced-only" >
< div class = "settings-item-inner" >
< div class = "settings-item-left" >
< div class = "settings-item-label" > Wildcard scanning< / div >
< div class = "settings-item-description" >
Enable suffix wildcard when looking up scanned webpage text.
< a tabindex = "0" class = "more-toggle more-only" data-parent-distance = "4" > More… < / a >
< / div >
< / div >
< div class = "settings-item-right" >
< label class = "toggle" > < input type = "checkbox" data-setting = "scanning.matchTypePrefix" > < span class = "toggle-body" > < span class = "toggle-track" > < / span > < span class = "toggle-knob" > < / span > < / span > < / label >
< / div >
< / div >
< div class = "settings-item-children more" hidden >
< p >
Rather than searching for the source text exactly, the text will only be required to be a prefix of an existing term.
For example, scanning 読み will effectively search for 読み*, which may bring up additional results such as 読み方.
< / p >
< p class = "danger-text" >
This will likely cause scanning and lookup to be slower, and the results may not be as relevant.
< / p >
< p >
< a tabindex = "0" class = "more-toggle" data-parent-distance = "3" > Less… < / a >
< / p >
< / div >
< / div >
2020-12-22 22:14:47 +00:00
< div class = "settings-item advanced-only" > < div class = "settings-item-inner settings-item-inner-wrappable" >
< div class = "settings-item-left" >
< div class = "settings-item-label" > Text scan length< / div >
< div class = "settings-item-description" > Change how many characters are read when scanning for terms.< / div >
< / div >
< div class = "settings-item-right" >
< input type = "number" data-setting = "scanning.length" min = "1" step = "1" >
< / div >
< / div > < / div >
2021-01-15 02:33:41 +00:00
< div class = "settings-item advanced-only" >
< div class = "settings-item-inner settings-item-inner-wrappable" >
< div class = "settings-item-left" >
< div class = "settings-item-label" >
Support inputs for devices with touch screens
2021-08-28 18:45:25 +00:00
< a tabindex = "0" class = "more-toggle more-only" data-parent-distance = "4" > (?)< / a >
2021-01-15 02:33:41 +00:00
< / div >
< / div >
< div class = "settings-item-right flex-row-wrap" >
< div class = "settings-item-group settings-item-group-wrap" >
< label class = "settings-item-group-item flex-label no-wrap" >
< label class = "checkbox" > < input type = "checkbox" data-setting = "scanning.touchInputEnabled" > < span class = "checkbox-body" > < span class = "checkbox-fill" > < / span > < span class = "checkbox-border" > < / span > < span class = "checkbox-check" > < / span > < / span > < / label >
< span > Touch inputs< / span >
< / label >
< label class = "settings-item-group-item flex-label no-wrap" >
< label class = "checkbox" > < input type = "checkbox" data-setting = "scanning.pointerEventsEnabled" > < span class = "checkbox-body" > < span class = "checkbox-fill" > < / span > < span class = "checkbox-border" > < / span > < span class = "checkbox-check" > < / span > < / span > < / label >
< span > Pointer inputs< / span >
< / label >
< / div >
< / div >
< / div >
< div class = "settings-item-children more" hidden >
< p >
To enable text scanning when using devices with a touch screen, either the < em > Touch inputs< / em > or the < em > Pointer inputs< / em > option must be enabled.
< em > Touch inputs< / em > supports generic touches on a touch screen device, but do not distinguish between touch and pen inputs.
< em > Pointer inputs< / em > supports supports the detection pen devices, but may not work on all devices.
If both options are enabled, < em > Pointer inputs< / em > takes precedence.
< / p >
< p >
The < em > Pointer inputs< / em > option is only visible when the < em > Advanced< / em > option is enabled.
< / p >
< p >
2021-08-28 18:45:25 +00:00
