Giter VIP home page Giter VIP logo

craigshoemaker / offlinejs-simulate-ui Goto Github PK

View Code? Open in Web Editor NEW
50.0 4.0 23.0 295 KB

Offline.js plug-in that allows you to test how your pages respond to different connectivity states without having to use brute-force methods to disable your actual connectivity.

Home Page: http://craigshoemaker.github.io/offlinejs-simulate-ui/

License: MIT License

CoffeeScript 3.17% CSS 94.54% JavaScript 2.29%

offlinejs-simulate-ui's Introduction

Offline.js Simulate UI Plug-In

Offline.js plug-in that allows you to test how your pages respond to different connectivity states without having to use brute-force methods to disable your actual connectivity.

For installation and usage instructions as well as a working demo, please visit the website.

offlinejs-simulate-ui's People

Contributors

craigshoemaker avatar zackbloom avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

offlinejs-simulate-ui's Issues

Save offline status while navigate between pages

I really liked this library, but I was wondering if we could add some kind off cache, with localstorage for example, and than, would be saved while refresh or change pages.
That would be easier to debug some offline warning behaviours.

Simulate complete offline state

This is a great library - thanks for working on it!

Any ideas how to simulate your app being completely offline? I'm finding this lib takes care of the UI, but I'd like to see how my app responds when things are actually offline - for example, when all $.ajax requests reject.

Hiding elements when offline/online

Not sure this is the right place to ask, but here goes.

I am using offline.js and the notifications etc are working fine, but I would like to hide some page elements when offline is triggered. I see this demo page of yours hides/displays the logon panel, even when not triggered by youer checkbox, but I cant for the life of me work out how the display:block and display:none styles are being applied.

Can you give me some pointers?

Regards, Travis

Problem with angularjs

I'm using with AngularJS.
When the connection returns to obtain error console
Uncaught TypeError: Cannot read property 'statusText' of null

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.