Giter Site home page Giter Site logo

william3johnson / pptr.dev Goto Github PK

View Code? Open in Web Editor NEW

This project forked from puppeteer/pptr.dev

0.0 1.0 0.0 740 KB

Puppeteer documentation website (old website for versions <=15.2.0)

Home Page: https://puppeteer.github.io/pptr.dev

License: Apache License 2.0

JavaScript 79.09% CSS 19.04% HTML 1.87%

pptr.dev's Introduction

This repository contains source code for https://pptr.dev website.

How it works

pptr.dev doesn't have any server side part. All the data is fetched dynamically from NPM and GitHub via XHRs.

On the first load, pptr.dev:

  • fetches puppeteer releases from NPM
  • fetches docs/api.md for every release
  • caches all the loaded data locally

On a subsequent load, pptr.dev occasionally invalidates cached documentation and releases.

Building and Running

  1. To run debug version, use npm run serve and navigate browser to http://localhost:8887.
  2. To run prod version, use npm run build && npm run prod and then navigate browser to http://localhost:8888

NOTE Debug version of pptr.dev doesn't require any build steps; serving index.html with any static server is sufficient.

NOTE Debug version of pptr.dev doesn't include service worker to simplify development

Dependencies

  • commonmark.js is used to parse and render markdown documentation
  • idb-keyval is used to work with IndexedDB
  • codemirror is used to highlight code snippets inside markdown

FAQ

Q: Does pptr.dev use Custom Elements?

No. pptr.dev creates HTML elements with descriptive names to make markup nicer; this approach works in old browsers as well.

pptr.dev's People

Contributors

aslushnikov avatar ebidel avatar jackfranklin avatar joeleinbinder avatar johanbay avatar mathiasbynens avatar orkon avatar thedavidbarton avatar

Watchers

 avatar

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.