snu-chrome-extension-1

Features

1. Spatial Navigation

• Enable Spatial Navigation
• Show Spatial Navigation Info in DevTool (F12 / ⌥ +⌘+I)
• Change settings in popup menu

2. Devtool

1. Focusable Element : Show number of all focusable element inside whole page : Use checkbox, you can see (1) whole focusable element inside web page (2) candidate elements of spatial navigation from current focused element to all and each 4 directions

2. Is it container? : Whether current element is container or not

3. Next Spatnav Search : show optimal candidate of 4 directions from current element (in specific container)

4. Next Target : show optimal candidate of 4 directions from current element (show undefined if scrollable)

5. Focusable Areas : show focusable child elements from current element

6. Next Candidates : show all candidates list of 4 directons from current element (show current element if scrollable)

7. List of Containers : list of containers from parent of current element to topmost container

3. Popup

1. On / Off Spatial Navigation
2. Change Key mode (ARROW / SHIFTARROW)
3. Choose wheter to show candidates in 4 directions)

How to install

1. Clone the repository git clone https://github.com/lgewst/snu-chrome-extension-1.git.
2. Using chrome, navigate to chrome://extension.
3. Turn on the Developer mode.
4. click LOAD UNPACKED and select the extension directory.

Manual

1. DevTool

1. Click the SpatialNavigation tab of developer's tool(F12 / ⌥ +⌘+I).
2. You can see the information of Spatial Navigation on the tab. Also, the information is changed as the focusing moves.

2. PopUp

1. Click the toolbar icon