https://github.com/peteschaffner/framer-webview

Web view module for Framer.js
https://github.com/peteschaffner/framer-webview

Last synced: about 2 months ago
JSON representation

Web view module for Framer.js

• Host: GitHub
• URL: https://github.com/peteschaffner/framer-webview
• Owner: peteschaffner
• Archived: true
• Created: 2015-05-13T15:26:45.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-05-21T14:37:45.000Z (over 9 years ago)
• Last Synced: 2024-10-06T15:48:11.693Z (3 months ago)
• Language: HTML
• Size: 5.49 MB
• Stars: 23
• Watchers: 2
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-framer - framer-webview - Web view module for Framer. (Modules)

README

        

# Framer web view module

A simple web view for your prototyping pleasure.



## Usage

```shell

$ framer myProject &

$ cd myProject

$ npm install --save peteschaffner/framer-webview

```

index.js:

```javascript

var Webview = require('framer-webview')

var webview = new Webview({

  url: 'https:google.com/design'

  width: Screen.width,

  height: Screen.height

})

```

## API

### Webview#url \

Web page you would like to render. Defaults to `'https://google.com/design'`

### Webview#contentHeight \

The height of the web view’s content. This, together with the `height`, will

effect the vertical scroll.

**NOTE:** To get the appropriate `contentHeight` for the given `url` open said

`url` in Chrome, emulate your target device, and run

`document.body.offsetHeight` in the console. The output should be your

`contentHeight` value.