Git Product home page Git Product logo

webview-query's Introduction

webview-query

Utility node.js library for Chrome Webview traversal and manipulation.

no dependencies

Install

npm install webview-query --save

Example

For example, you have NW.js app with webview tag within.

html:

<webview id="view1"></webview>

js:

const { Webview } = require('webview-query');
const webview = new Webview(view1);

// inside async function:

await webview.location('https://github.com');
console.log(await webview.title());
// -> "The world's leading software development platform · GitHub"

console.log(await webview.text('.jumbotron h1'));
// -> "Built for developers"

webview.val('form.home-hero-signup input[id="user[login]"]', 'Hello GitHub!');

Classes

Webview

External

webview

Chrome webview element

Webview

Kind: global class

new Webview(webview)

Webview is a class for Chrome webview promise-based traversal and manipulation.

Param Type Description
webview webview Chrome webview element.

webview.webview : webview

Kind: instance property of Webview

webview.runJs(code) ⇒ Promise

Run arbitrary javascript code inside webview context.

Kind: instance method of Webview
Returns: Promise - Promise object represents the result of the script.

Param Type Description
code string Javascript code.

webview.title(value) ⇒ Promise

Set webview document new title.

Kind: instance method of Webview

Param Type Description
value string New document title.

webview.location(value) ⇒ Promise

Set webview new location.

Kind: instance method of Webview

Param Type Description
value string URL or path to local file.

webview.exists(selector) ⇒ Promise.<boolean>

Check the existence of an element(s).

Kind: instance method of Webview
Returns: Promise.<boolean> - Promise object represents the element(s) existence.

Param Type Description
selector string CSS selector.

webview.length(selector) ⇒ Promise.<number>

Return number of elements matched by selector.

Kind: instance method of Webview
Returns: Promise.<number> - Promise object represents the number of elements currently matched..

Param Type Description
selector string CSS selector.

webview.val(selector, value) ⇒ Promise

Set the value of every matched element.

Kind: instance method of Webview

Param Type Description
selector string CSS selector.
value string Value to set.

webview.attr(selector, attribute, value) ⇒ Promise

Set an attribute for every matched element.

Kind: instance method of Webview

Param Type Description
selector string CSS selector.
attribute string The name of the attribute to set.
value string A value to set for the attribute..

webview.text(selector, value) ⇒ Promise

Set the text contents of the matched elements.

Kind: instance method of Webview

Param Type Description
selector string CSS selector.
value string The text to set as the content of each matched element.

webview.html(selector, value, [options]) ⇒ Promise

Set the HTML contents of every matched element.

Kind: instance method of Webview

Param Type Description
selector string CSS selector.
value string A string of HTML to set as the content of each matched element.
[options] object Options.
[options.outer] boolean If true the result will be outer HTML, inner HTML otherwise.

webview.click(selector) ⇒ Promise

Execute click action for the matched element(s).

Kind: instance method of Webview

Param Type Description
selector string CSS selector.

webview

Chrome webview element

Kind: global external
See: https://developer.chrome.com/apps/tags/webview

webview-query's People

Contributors

dimacpp avatar

Stargazers

 avatar

Watchers

 avatar

Forkers

andsyk

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.