Comments (7)
Great find @dantheother ! I saw someone else tweet about that today but I didn't check it out.
It works MUCH better than PhantomJS so I'll implement this as soon as I can.
from am-i-responsive.
@jvmonjo It looks like that's one of the limitations of html2canvas; it doesn't support iframe content.
"The script doesn't render plugin content such as Flash or Java applets. It doesn't render iframe content either." (Reference)
Using a tool like PhantomJS or a third-party service might be the best options available, but I'll keep doing some research. I personally think a screenshot feature would be a very useful for site demos.
from am-i-responsive.
Chromeless? Headless chrome. Not sure if it would be any better than phantomjs https://github.com/graphcool/chromeless
from am-i-responsive.
Screenshots would be awesome. At the moment PhantomJS takes a shot of the whole page and doesn't do a great job of pulling through the iframe content consistently enough to make it worthwhile.
I've looked at other options but they have been very browser specific. If you have any suggestions I'm all ears.
from am-i-responsive.
Have you tried https://html2canvas.hertzen.com/ ?
I have, but I haven't managed to take a shot of the web pages, only the frames appear.
from am-i-responsive.
@iannerney I had PhantomJS running at one point but it didn't render the screens within the iframe with much accuracy and you also lost your positioning details when you ran it. If you have better luck please feel free so submit a pull request.
from am-i-responsive.
It seems I don't have the time to do this (he says a year on).
I'm happy to accept a pull request for the feature if anyone wants a side side project :)
from am-i-responsive.
Related Issues (13)
- iframes too long when viewing on iphone and ipad HOT 3
- Integrate Front End Performance Results
- Useful function HOT 1
- Please add LICENSE HOT 6
- XSS Vulnerability
- Remove scrollbar from phone and tablet view HOT 1
- Website link redirecting to website HOT 1
- Added "transform: scale" for IE 6 – 8 HOT 1
- Problem with border-radius and background-color HOT 2
- SSL/TLS protocol support HOT 5
- updating device images HOT 3
- License ? HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from am-i-responsive.