Highlight Active Row

Makes the currently selected table row more visible.

什麼是Highlight Active Row?

Highlight Active Row是由thomasjherzog開發的Chrome擴展程式,該擴展的主要功能是“Makes the currently selected table row more visible.”。

擴展截圖

screenshot

下載Highlight Active Row擴展crx文件

下載Highlight Active Row擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        This extension helps prevent mistaken data entry by making the currently selected table row more visible. Anytime an input box inside of a table is selected the entire table row gets its style changed. The goal is to make it extremely obvious which row you are currently inputting data on to reduce the chances of inputting data on the wrong row.


How it works:
The extension injects a small script that adds a 'focusin'/'focusout' event listener to the root document object. 

When the 'focusin' event fires it starts at the event.target and traverses the DOM in search of a   parent element. If  is found it sets the inline style to a preset highlight style.

When the 'focusout' event fires it starts at the event.target and traverses the DOM in search of a   parent element. If  is found it clears the inline style.

Extra Details:
* The extension needs to be enabled the first time you visit a new website by clicking the extension icon and selecting `Enable Highlight Active Row on this domain` from the context menu. This allows the user to only run the extension on select websites.
* Currently has a hard set MAX_DEPTH of 5 which limits how many parents it check before stopping. This should prevent all unnecessary DOM traversing for nodes not connected to a table, but also allow some wiggle room if the input is in a 
or two. Future features: - add an options page that allows the user to set a custom highlight style This is an open source project. Visit Highlight-Active-Row's Github page for source code, to report bugs or to contribute. https://github.com/tomrule007/highlight-active-row Version History: 1.2.1: Fixed bug that required user to reload the extension on page changes. 1.2.0: Allow the user to enable/disable the extension for each website domain 1.1.0: Switched to focusin/focusout events & delegation which works with dynamically added content. 1.0.0: Event listener were attached to each input element on load & didn't work with dynamically added content.

擴展基本資訊

名稱 Highlight Active Row Highlight Active Row
ID dcbeiccbdljdceifakkgndpemfaoeaip
官方網址 https://chromewebstore.google.com/detail/highlight-active-row/dcbeiccbdljdceifakkgndpemfaoeaip
簡介 Makes the currently selected table row more visible.
檔案大小 7.74 KB
安裝次數 181
目前版本 1.2.1
更新時間 2020-03-03
上架時間 2020-03-01
評分 2.67/5 共 3 次評分
開發者 thomasjherzog
電子郵箱 [email protected]
付費類型 free
支援的語言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Highlight Active Row",
    "version": "1.2.1",
    "description": "Makes the currently selected table row more visible.",
    "permissions": [
        "contextMenus",
        "activeTab"
    ],
    "optional_permissions": [
        "http:\/\/*\/*",
        "https:\/\/*\/*"
    ],
    "background": {
        "scripts": [
            "background.js"
        ],
        "persistent": false
    },
    "browser_action": {
        "default_icon": ".\/images\/highlightActiveRowIcon16OFF.png"
    },
    "icons": {
        "16": ".\/images\/highlightActiveRowIcon16.png",
        "48": ".\/images\/highlightActiveRowIcon48.png",
        "128": ".\/images\/highlightActiveRowIcon128.png"
    },
    "manifest_version": 2
}