UNPKG

tern-browser-extension

Version:

A Tern plugin adding advanced features for Browser.

github.com/angelozerr/tern-browser-extension

angelozerr/tern-browser-extension

48 lines (25 loc) • 2.56 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
# tern-browser-extension [![Build Status](https://secure.travis-ci.org/angelozerr/tern-browser-extension.png)](http://travis-ci.org/angelozerr/tern-browser-extension) [![NPM version](https://img.shields.io/npm/v/tern-browser-extension.svg)](https://www.npmjs.org/package/tern-browser-extension) [tern-browser-extension](https://github.com/angelozerr/tern-browser-extension) is a tern plugin which extends [browser.json](https://github.com/marijnh/tern/blob/master/defs/browser.json) and provides the following features : ## Use tern inside HTML The plugin extracts JavaScript code from scripts tags, before creating the acorn AST. The plugin also resolves script tags with the `src` attribute and [HTML Imports](https://w3c.github.io/webcomponents/spec/imports/). ## Element ID * get completion for element ids when document.getElementById is used: ![CodeMirror & GetElementById completion](https://github.com/angelozerr/tern-browser-extension/wiki/images/CodeMirror_GetElementByIdCompletions.png) * go at the definition of the attribute id : ![CodeMirror & GetElementById definition](https://github.com/angelozerr/tern-browser-extension/wiki/images/CodeMirror_GetElementByIdDefinition.png) * validate element id if the editor supports [tern-lint](https://github.com/angelozerr/tern-lint) : ![CodeMirror & GetElementById validation](https://github.com/angelozerr/tern-browser-extension/wiki/images/CodeMirror_GetElementByIdValidation.png) * returns the well HTML element instance (eg : HTMLInputElement) when getElementById or createElement is used. ## CSS Selector * get completion for CSS ID selector when document.querySelector is used: ![CodeMirror & QuerySelector completion](https://github.com/angelozerr/tern-browser-extension/wiki/images/CodeMirror_QuerySelectorCompletions.png) * validate syntax of CSS selector if the editor supports [tern-lint](https://github.com/angelozerr/tern-lint) : ![CodeMirror & QuerySelector validation](https://github.com/angelozerr/tern-browser-extension/wiki/images/CodeMirror_QuerySelectorValidation.png) ## Event type * get completion for Event type when document.addEventListener is used: ![CodeMirror & Event type completion](https://github.com/angelozerr/tern-browser-extension/wiki/images/CodeMirror_EventTypeCompletions.png) * validate existing of Event type if the editor supports [tern-lint](https://github.com/angelozerr/tern-lint) : ![CodeMirror & Event type validation](https://github.com/angelozerr/tern-browser-extension/wiki/images/CodeMirror_EventTypeValidation.png)