Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Same origin iframes aren't getting rendered
See original GitHub issueSame origin iframes aren’t getting rendered.
Page:
<html>
<head>
<script src="/html2canvas.js"></script>
<script>
function render(){
html2canvas(document.body, {
onrendered: function(canvas) {
document.body.appendChild(canvas);
}
});
}
</script>
</head>
<body>
<input type="button" value="picture" onclick="render()"></input>
<iframe src="/hello.html"></iframe>
</body>
</html>
Iframe content:
<html>
<head>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
Log:
html2canvas: Preload starts: finding background-images
html2canvas: Preload: Finding images
html2canvas: Preload: Done.
html2canvas: start: images: 0 / 0 (failed: 0)
Finished loading images: # 0 (failed: 0)
finished rendering 0 children.
finished rendering 6 children.
Done parsing, moving to Render.
html2canvas: Renderer: Canvas renderer done - returning canvas obj
Issue Analytics
- State:
- Created 9 years ago
- Comments:9 (3 by maintainers)
Top Results From Across the Web
Detect when iframe & elements are completely rendered, not ...
So i have an embedded iframe and i need to detect when the elements are completely rendered. The jquery load() and ready() events...
Read more >Why do browsers enforce the same-origin security policy on ...
First, let's clarify that the behavior observed here (the iframe does not render) is much stricter than the default same-origin policy.
Read more >Same-origin policy - Web security | MDN
The same-origin policy is a critical security mechanism that restricts how a document or script loaded by one origin can interact with a ......
Read more >The ultimate guide to iframes - LogRocket Blog
Not a fan of iframes? This post provides an overview of the tag's best features, shows you how to use them, and how...
Read more >Reasons to move from same-origin iframes to third-party ...
Hi, The old widget.js timeline version created a same-origin iframe without any src attribute and added the timeline content to this frame.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
The new version of this problem be solved?
Good 😄 Hope it will come as a feature someday.