Skip to site navigation (Press enter)
Re: [gwt-contrib] Revisiting the script-via-
default linkage</span></a></span> </h1> <p class="darkgray font13"> <span class="sender pipe"><a href="/search?l=google-web-toolkit-contributors@googlegroups.com&q=from:%22Matt+Mastracci%22" rel="nofollow"><span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Matt Mastracci</span></span></a></span> <span class="date"><a href="/search?l=google-web-toolkit-contributors@googlegroups.com&q=date:20091201" rel="nofollow">Tue, 01 Dec 2009 09:43:14 -0800</a></span> </p> </div> <div itemprop="articleBody" class="msgBody"> <!--X-Body-of-Message--> <pre>For clarification, I've included an approximation of what I meant by dynamic iframe.</pre><pre> The idea is to create the iframe using src='javascript:;' to keep it in the same domain as the parent iframe, use document.write() to initialize a full HTML document inside of it, and finally, add scripts dynamically inside of its body. This method works across every browser (including android and iPhone webkit). I've not done any performance tests to see what sort of hit you take referencing symbols across window boundaries but it seems reasonable to assume it would be the same as today's IFrameLinker. Note that IE also has the "new ActiveXObject('htmldocument')" that works much like a headless iframe but doesn't have a navigation click. var iframe = document.createElement('iframe'); iframe.src = 'javascript:;'; iframe.style.cssText = 'position:absolute; top:-1000px; left: -1000px;'; document.body.appendChild(iframe); var iframeDoc = iframe.contentWindow.document; iframeDoc.open(); iframeDoc.write('<html><body></body></html>'); iframeDoc.close(); var script = iframeDoc.createElement('script'); script.type = 'text/javascript'; script.src = '<a rel="nofollow" href="http://myoffdomaincdn.example.com/">http://myoffdomaincdn.example.com/</a>' + scriptName; iframeDoc.body.appendChild(script); Additional scripts would be created in the same way as the primary script. On 1-Dec-09, at 9:59 AM, Joel Webber wrote: > To be clear, I don't know of any cases where people *can't* use > iframes. There are some cases where teams have chosen to use > <script> tags for an assumed performance benefit, but I don't know > of anyone ever having measured it. Most of the time people use > <script> tags for cross-site or late-loading behavior. If we could > make iframes work for these cases, and show that there's no > performance benefit to <script> tags, it may be less of an issue. > > The iPhone only has problems rendering iframes (it essentially drops > their content into the outer page as though it were inline), but > that's about it. > > On Tue, Dec 1, 2009 at 11:44 AM, Lex Spoon <sp...@google.com> wrote: > Thanks for the test code and data, Matt! It sounds like enough > browsers are covered that error reporting is no longer a major decider > between XHR vs. script tags. > > Regarding iframes, be aware that some GWT users can't use them. I > don't know all the reasons why, but one example reason is that iframes > don't work reasonably on iPhones. So, we need to support non-iframe > linkers for at least some use cases. > > > Lex > > > -- > <a rel="nofollow" href="http://groups.google.com/group/Google-Web-Toolkit-Contributors">http://groups.google.com/group/Google-Web-Toolkit-Contributors</a> -- <a rel="nofollow" href="http://groups.google.com/group/Google-Web-Toolkit-Contributors">http://groups.google.com/group/Google-Web-Toolkit-Contributors</a></pre> </div> <div class="msgButtons margintopdouble"> <ul class="overflow"> <li class="msgButtonItems"><a class="button buttonleft " accesskey="p" href="msg10959.html">Previous message</a></li> <li class="msgButtonItems textaligncenter"><a class="button" accesskey="c" href="thrd2.html#10961">View by thread</a></li> <li class="msgButtonItems textaligncenter"><a class="button" accesskey="i" href="mail2.html#10961">View by date</a></li> <li class="msgButtonItems textalignright"><a class="button buttonright " accesskey="n" href="msg10942.html">Next message</a></li> </ul> </div> <a name="tslice"></a> <div class="tSliceList margintopdouble"> <ul class="icons monospace"> <li class="icons-email"><span class="subject"><a href="msg10818.html">Re: [gwt-contrib] Revisiting the script-via-<iframe> ...</a></span> <span class="sender italic">Matt Mastracci</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg10824.html">Re: [gwt-contrib] Revisiting the script-via-<iframe...</a></span> <span class="sender italic">Scott Blum</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg10825.html">Re: [gwt-contrib] Revisiting the script-via-<if...</a></span> <span class="sender italic">Ray Cromwell</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg10826.html">Re: [gwt-contrib] Revisiting the script-via-&l...</a></span> <span class="sender italic">Ray Cromwell</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg10841.html">Re: [gwt-contrib] Revisiting the script-vi...</a></span> <span class="sender italic">Matt Mastracci</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg10928.html">Re: [gwt-contrib] Revisiting the scri...</a></span> <span class="sender italic">Lex Spoon</span></li> <li class="icons-email"><span class="subject"><a href="msg10933.html">Re: [gwt-contrib] Revisiting the scri...</a></span> <span class="sender italic">Ray Cromwell</span></li> <li class="icons-email"><span class="subject"><a href="msg10955.html">Re: [gwt-contrib] Revisiting the scri...</a></span> <span class="sender italic">Matt Mastracci</span></li> <li class="icons-email"><span class="subject"><a href="msg10956.html">Re: [gwt-contrib] Revisiting the scri...</a></span> <span class="sender italic">Lex Spoon</span></li> <li class="icons-email"><span class="subject"><a href="msg10959.html">Re: [gwt-contrib] Revisiting the scri...</a></span> <span class="sender italic">Joel Webber</span></li> <li class="icons-email tSliceCur"><span class="subject">Re: [gwt-contrib] Revisiting the scri...</span> <span class="sender italic">Matt Mastracci</span></li> <li class="icons-email"><span class="subject"><a href="msg10942.html">Re: [gwt-contrib] Revisiting the scri...</a></span> <span class="sender italic">Matt Mastracci</span></li> <li class="icons-email"><span class="subject"><a href="msg10951.html">Re: [gwt-contrib] Revisiting the scri...</a></span> <span class="sender italic">Lex Spoon</span></li> <li class="icons-email"><span class="subject"><a href="msg10954.html">Re: [gwt-contrib] Revisiting the scri...</a></span> <span class="sender italic">Matt Mastracci</span></li> <li class="icons-email"><span class="subject"><a href="msg11120.html">Re: [gwt-contrib] Revisiting the scri...</a></span> <span class="sender italic">Matt Mastracci</span></li> <li class="icons-email"><span class="subject"><a href="msg11138.html">Re: [gwt-contrib] Revisiting the scri...</a></span> <span class="sender italic">Lex Spoon</span></li> <li class="icons-email"><span class="subject"><a href="msg11139.html">Re: [gwt-contrib] Revisiting the scri...</a></span> <span class="sender italic">Matt Mastracci</span></li> <li class="icons-email"><span class="subject"><a href="msg11253.html">Re: [gwt-contrib] Revisiting the scri...</a></span> <span class="sender italic">Lex Spoon</span></li> <li class="icons-email"><span class="subject"><a href="msg11254.html">Re: [gwt-contrib] Revisiting the scri...</a></span> <span class="sender italic">John Tamplin</span></li> <li class="icons-email"><span class="subject"><a href="msg11255.html">Re: [gwt-contrib] Revisiting the scri...</a></span> <span class="sender italic">Lex Spoon</span></li> <li class="icons-email"><span class="subject"><a href="msg11257.html">Re: [gwt-contrib] Revisiting the scri...</a></span> <span class="sender italic">Matt Mastracci</span></li> </ul> </ul> </ul> </ul> </ul> </ul> </ul> </ul> </div> <div class="overflow msgActions margintopdouble"> <div class="msgReply" > <h2> Reply via email to </h2> <form method="POST" action="/mailto.php"> <input type="hidden" name="subject" value="Re: [gwt-contrib] Revisiting the script-via-<iframe> default linkage"> <input type="hidden" name="msgid" value="C3029CB1-0CE4-4B6A-90EC-647F3F5A2269@mastracci.com"> <input type="hidden" name="relpath" value="google-web-toolkit-contributors@googlegroups.com/msg10961.html"> <input type="submit" value=" Matt Mastracci "> </form> </div> </div> </div> <div class="aside" role="complementary"> <div class="logo"> <a href="/"><img src="/logo.png" width=247 height=88 alt="The Mail Archive"></a> </div> <form class="overflow" action="/search" method="get"> <input type="hidden" name="l" value="google-web-toolkit-contributors@googlegroups.com"> <label class="hidden" for="q">Search the site</label> <input class="submittext" type="text" id="q" name="q" placeholder="Search google-web-toolkit-contributors"> <input class="submitbutton" name="submit" type="image" src="/submit.png" alt="Submit"> </form> <div class="nav margintop" id="nav" role="navigation"> <ul class="icons font16"> <li class="icons-home"><a href="/">The Mail Archive home</a></li> <li class="icons-list"><a href="/google-web-toolkit-contributors@googlegroups.com/">google-web-toolkit-contributors - all messages</a></li> <li class="icons-about"><a href="/google-web-toolkit-contributors@googlegroups.com/info.html">google-web-toolkit-contributors - about the list</a></li> <li class="icons-expand"><a href="/search?l=google-web-toolkit-contributors@googlegroups.com&q=subject:%22Re%5C%3A+%5C%5Bgwt%5C-contrib%5C%5D+Revisiting+the+script%5C-via%5C-%3Ciframe%3E+default+linkage%22&o=newest&f=1" title="e" id="e">Expand</a></li> <li class="icons-prev"><a href="msg10959.html" title="p">Previous message</a></li> <li class="icons-next"><a href="msg10942.html" title="n">Next message</a></li> </ul> </div> <div class="listlogo margintopdouble"> </div> <div class="margintopdouble"> </div> </div> </div> <div class="footer" role="contentinfo"> <ul> <li><a href="/">The Mail Archive home</a></li> <li><a href="/faq.html#newlist">Add your mailing list</a></li> <li><a href="/faq.html">FAQ</a></li> <li><a href="/faq.html#support">Support</a></li> <li><a href="/faq.html#privacy">Privacy</a></li> <li class="darkgray">C3029CB1-0CE4-4B6A-90EC-647F3F5A2269@mastracci.com</li> </ul> </div> </body> </html> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9df4c7f5d9c4984a',t:'MTc3NDAxMDM4MQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>