417: Iframe Allow Attribute Saga - CodePen Radio

There was a day not long ago where a Google Chrome browser update left any page with a CodePen Embed on it throwing a whole big pile of red JavaScript errors in the console. Not ideal, obviously.

The change was related to how the browser handles allow attributes on iframes (i.e. ). CodePen was calculating the appropriate values inside an iframe for a <em>nested</em> iframe. That must have been a security issue of sorts, as now those values need to be present on the <em>outside</em> iframe as well.</p> <p><a href="https://blog.codepen.io/2025/10/20/google-chrome-iframe-allow-permissions-problems/">We documented all this in a blog post</a> so hopefully we could get some attention from Chrome on this, and for other browser makers as well since it affects all of us. </p> <p>And I posted it on the ol' social media:</p> <p>Huge thanks to Bramus Van Damme who saw this, triaged it at Chrome, and had a resolution within a day:</p> <p>I think <a href="https://chromium-review.googlesource.com/c/chromium/src/+/7074672">the patch</a> is a great change so hats off to everyone involved for getting it done so quickly. It's already in Canary and don't really know when it'll get the stable but that sure will be good. It follows how Safari is doing things where values that aren't understood are just ignored (which we think is fine and inline with how HTML normally works). </p> <p>Fortunately we were able to mitigate the problem <em>a little</em> until then. For <em>most</em> Embedded Pens, a <script> is loaded on the page embedding it, and we dynamically create the <iframe> for you. This is just nice as it makes making an accessible fallback easier and gives you access to API-ish features for the embeds. We were able to augment that script to do a little browser user-agent sniffing and apply the correct set of allow attributes on the iframe, as to avoid those JavaScript errors we were seeing.</p> <p>But there's the rub: we'd rather not do any user-agent sniffing at all. </p> <p>If we could just put <em>all</em> the possible allow attributes we want on there, and not be terribly concerned if any particular browser didn't support any particular value, that would be ideal. We just can't have the scary console errors, out of concern for our users who may not understand them. </p> <p>Where we're at in the saga now is that:</p> <ol class="wp-block-list"> <li>We're waiting for the change to Chrome to get to stable.</li> <li>We're hoping Safari stays the way it is.</li> <li>OH HI FIREFOX.</li> </ol> <p>On that last point, if we put all the allow attributes we would want to on an <iframe> in Firefox, we also get console-bombed. This time not with red-errors but with yellow-warnings. </p> <p>So yes, hi Firefox, if you could also not display these warnings (unless a reporting URL is set up) that would be great. We'd be one less website out there relying on user-agent sniffing. </p></div></div><div class="my-8"></div><div><div class="mb-6 flex items-center justify-between"><h2 class="text-2xl font-semibold tracking-tight text-foreground md:text-3xl">Fler avsnitt av CodePen Radio</h2><a class="text-sm font-medium text-muted-foreground transition-colors hover:text-foreground" href="/podd/codepen-radio"><span class="sr-only">Visa alla avsnitt av CodePen Radio</span><span aria-hidden="true">Visa alla →</span></a></div><div class="space-y-px border-y border-border"><div class="group flex items-center gap-4 border-b border-border/50 px-4 py-3 transition-colors last:border-b-0 hover:bg-accent"><div class="shrink-0"><button aria-label="Spela 424: File List Optimization" data-is-playing="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-6 translate-x-0.5 fill-current"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></button></div><div class="min-w-0 flex-1"><a class="block" href="/podd/codepen-radio/avsnitt/424-file-list-optimization"><div class="truncate font-medium text-foreground group-hover:text-primary">424: File List Optimization</div><div class="mt-0.5 flex items-center gap-2 text-sm text-muted-foreground"><time>29 apr.</time></div></a></div></div><div class="group flex items-center gap-4 border-b border-border/50 px-4 py-3 transition-colors last:border-b-0 hover:bg-accent"><div class="shrink-0"><button aria-label="Spela 423: 2.0 Templates" data-is-playing="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-6 translate-x-0.5 fill-current"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></button></div><div class="min-w-0 flex-1"><a class="block" href="/podd/codepen-radio/avsnitt/423-20-templates"><div class="truncate font-medium text-foreground group-hover:text-primary">423: 2.0 Templates</div><div class="mt-0.5 flex items-center gap-2 text-sm text-muted-foreground"><time>22 apr.</time></div></a></div></div><div class="group flex items-center gap-4 border-b border-border/50 px-4 py-3 transition-colors last:border-b-0 hover:bg-accent"><div class="shrink-0"><button aria-label="Spela 422: Supporting Packages" data-is-playing="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-6 translate-x-0.5 fill-current"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></button></div><div class="min-w-0 flex-1"><a class="block" href="/podd/codepen-radio/avsnitt/422-supporting-packages"><div class="truncate font-medium text-foreground group-hover:text-primary">422: Supporting Packages</div><div class="mt-0.5 flex items-center gap-2 text-sm text-muted-foreground"><time>14 apr.</time></div></a></div></div><div class="group flex items-center gap-4 border-b border-border/50 px-4 py-3 transition-colors last:border-b-0 hover:bg-accent"><div class="shrink-0"><button aria-label="Spela 421: View Control of the 2.0 Editor" data-is-playing="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-6 translate-x-0.5 fill-current"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></button></div><div class="min-w-0 flex-1"><a class="block" href="/podd/codepen-radio/avsnitt/421-view-control-of-the-20-editor"><div class="truncate font-medium text-foreground group-hover:text-primary">421: View Control of the 2.0 Editor</div><div class="mt-0.5 flex items-center gap-2 text-sm text-muted-foreground"><time>8 apr.</time></div></a></div></div><div class="group flex items-center gap-4 border-b border-border/50 px-4 py-3 transition-colors last:border-b-0 hover:bg-accent"><div class="shrink-0"><button aria-label="Spela 420: What are Blocks?" data-is-playing="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-6 translate-x-0.5 fill-current"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></button></div><div class="min-w-0 flex-1"><a class="block" href="/podd/codepen-radio/avsnitt/420-what-are-blocks"><div class="truncate font-medium text-foreground group-hover:text-primary">420: What are Blocks?</div><div class="mt-0.5 flex items-center gap-2 text-sm text-muted-foreground"><time>11 mars</time></div></a></div></div><div class="group flex items-center gap-4 border-b border-border/50 px-4 py-3 transition-colors last:border-b-0 hover:bg-accent"><div class="shrink-0"><button aria-label="Spela 419: Why 2.0?" data-is-playing="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-6 translate-x-0.5 fill-current"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></button></div><div class="min-w-0 flex-1"><a class="block" href="/podd/codepen-radio/avsnitt/419-why-20"><div class="truncate font-medium text-foreground group-hover:text-primary">419: Why 2.0?</div><div class="mt-0.5 flex items-center gap-2 text-sm text-muted-foreground"><time>5 mars</time></div></a></div></div><div class="group flex items-center gap-4 border-b border-border/50 px-4 py-3 transition-colors last:border-b-0 hover:bg-accent"><div class="shrink-0"><button aria-label="Spela 418: CodeMirror 6" data-is-playing="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-6 translate-x-0.5 fill-current"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></button></div><div class="min-w-0 flex-1"><a class="block" href="/podd/codepen-radio/avsnitt/418-codemirror-6"><div class="truncate font-medium text-foreground group-hover:text-primary">418: CodeMirror 6</div><div class="mt-0.5 flex items-center gap-2 text-sm text-muted-foreground"><time>21 feb.</time></div></a></div></div><div class="group flex items-center gap-4 border-b border-border/50 px-4 py-3 transition-colors last:border-b-0 hover:bg-accent"><div class="shrink-0"><button aria-label="Spela 416: Upgrading Next.js & React" data-is-playing="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-6 translate-x-0.5 fill-current"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></button></div><div class="min-w-0 flex-1"><a class="block" href="/podd/codepen-radio/avsnitt/416-upgrading-nextjs-react"><div class="truncate font-medium text-foreground group-hover:text-primary">416: Upgrading Next.js & React</div><div class="mt-0.5 flex items-center gap-2 text-sm text-muted-foreground"><time>5 nov. 2025</time></div></a></div></div><div class="group flex items-center gap-4 border-b border-border/50 px-4 py-3 transition-colors last:border-b-0 hover:bg-accent"><div class="shrink-0"><button aria-label="Spela 415: Babel Choices" data-is-playing="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-6 translate-x-0.5 fill-current"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></button></div><div class="min-w-0 flex-1"><a class="block" href="/podd/codepen-radio/avsnitt/415-babel-choices"><div class="truncate font-medium text-foreground group-hover:text-primary">415: Babel Choices</div><div class="mt-0.5 flex items-center gap-2 text-sm text-muted-foreground"><time>28 okt. 2025</time></div></a></div></div><div class="group flex items-center gap-4 border-b border-border/50 px-4 py-3 transition-colors last:border-b-0 hover:bg-accent"><div class="shrink-0"><button aria-label="Spela 414: Apollo (and the Almighty Cache)" data-is-playing="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play size-6 translate-x-0.5 fill-current"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></button></div><div class="min-w-0 flex-1"><a class="block" href="/podd/codepen-radio/avsnitt/414-apollo-and-the-almighty-cache"><div class="truncate font-medium text-foreground group-hover:text-primary">414: Apollo (and the Almighty Cache)</div><div class="mt-0.5 flex items-center gap-2 text-sm text-muted-foreground"><time>23 okt. 2025</time></div></a></div></div></div></div><div class="mx-auto my-8 flex max-w-md justify-center text-center"><p class="leading-tight"><small class="text-xs dark:text-gray-400">CodePen Radio med CodePen Blog finns tillgänglig på flera plattformar. Informationen på denna sida kommer från offentliga podd-flöden.</small></p></div></div></main><footer class="mt-16 border-t border-gray-300 py-10 dark:border-neutral-800"><div class="mx-auto w-full max-w-5xl px-4"><div class="mb-8"><h3 class="mb-4 text-sm font-semibold tracking-wider text-gray-900 uppercase dark:text-gray-100">Utforska</h3><div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3"><a class="group flex items-center gap-4 rounded-lg border border-gray-200 p-5 pr-4 transition-all hover:border-gray-400 hover:shadow-sm dark:border-neutral-700 dark:hover:border-neutral-500" href="/kategorier"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tags size-6 shrink-0 text-gray-400 transition-colors group-hover:text-primary dark:text-neutral-500"><path d="m15 5 6.3 6.3a2.4 2.4 0 0 1 0 3.4L17 19"></path><path d="M9.586 5.586A2 2 0 0 0 8.172 5H3a1 1 0 0 0-1 1v5.172a2 2 0 0 0 .586 1.414L8.29 18.29a2.426 2.426 0 0 0 3.42 0l3.58-3.58a2.426 2.426 0 0 0 0-3.42z"></path><circle cx="6.5" cy="9.5" r=".5" fill="currentColor"></circle></svg><div><div class="text-base font-semibold text-gray-900 group-hover:text-primary dark:text-gray-100">Kategorier</div><div class="mt-0.5 text-sm text-gray-500 dark:text-gray-400">Hitta poddar efter genre och ämne</div></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right ml-auto size-4 shrink-0 text-gray-300 transition-colors group-hover:text-primary dark:text-neutral-600"><path d="m9 18 6-6-6-6"></path></svg></a><a class="group flex items-center gap-4 rounded-lg border border-gray-200 p-5 pr-4 transition-all hover:border-gray-400 hover:shadow-sm dark:border-neutral-700 dark:hover:border-neutral-500" href="/stationer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-grid size-6 shrink-0 text-gray-400 transition-colors group-hover:text-primary dark:text-neutral-500"><rect width="7" height="7" x="3" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="14" rx="1"></rect><rect width="7" height="7" x="3" y="14" rx="1"></rect></svg><div><div class="text-base font-semibold text-gray-900 group-hover:text-primary dark:text-gray-100">Stationer</div><div class="mt-0.5 text-sm text-gray-500 dark:text-gray-400">Utforska poddar från nätverk och stationer</div></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right ml-auto size-4 shrink-0 text-gray-300 transition-colors group-hover:text-primary dark:text-neutral-600"><path d="m9 18 6-6-6-6"></path></svg></a><a class="group flex items-center gap-4 rounded-lg border border-gray-200 p-5 pr-4 transition-all hover:border-gray-400 hover:shadow-sm dark:border-neutral-700 dark:hover:border-neutral-500" href="/listor"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-list size-6 shrink-0 text-gray-400 transition-colors group-hover:text-primary dark:text-neutral-500"><path d="M3 12h.01"></path><path d="M3 18h.01"></path><path d="M3 6h.01"></path><path d="M8 12h13"></path><path d="M8 18h13"></path><path d="M8 6h13"></path></svg><div><div class="text-base font-semibold text-gray-900 group-hover:text-primary dark:text-gray-100">Listor</div><div class="mt-0.5 text-sm text-gray-500 dark:text-gray-400">Populära poddar i olika spännande listor</div></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right ml-auto size-4 shrink-0 text-gray-300 transition-colors group-hover:text-primary dark:text-neutral-600"><path d="m9 18 6-6-6-6"></path></svg></a></div></div><div class="mb-8"><h3 class="mb-4 text-sm font-semibold tracking-wider text-gray-900 uppercase dark:text-gray-100">Kategorier</h3><ul class="grid grid-cols-2 gap-x-4 gap-y-2 sm:grid-cols-4"><li><a class="text-sm text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200" href="/kategori/utbildning">Utbildning</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200" href="/kategori/religion-och-spiritualitet">Religion och spiritualitet</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200" href="/kategori/samhalle-och-kultur">Samhälle och kultur</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200" href="/kategori/teknologi">Teknologi</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200" href="/kategori/musik">Musik</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200" href="/kategori/tv-och-film">TV och film</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200" href="/kategori/konst">Konst</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200" href="/kategori/fritid">Fritid</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200" href="/kategori/vetenskap">Vetenskap</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200" href="/kategori/barn-och-familj">Barn och familj</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200" href="/kategori/nyheter">Nyheter</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200" href="/kategori/halsa-och-motion">Hälsa och motion</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200" href="/kategori/naringsliv">Näringsliv</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200" href="/kategori/historia">Historia</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200" href="/kategori/kristendom">Kristendom</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200" href="/kategori/humor">Humor</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200" href="/kategori/verkliga-brott">Verkliga brott</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200" href="/kategori/sjalvhjalp">Självhjälp</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200" href="/kategori/andlighet">Andlighet</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200" href="/kategori/sport">Sport</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200" href="/kategori/bocker">Böcker</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200" href="/kategori/musikkommentarer">Musikkommentarer</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200" href="/kategori/foraldraskap">Föräldraskap</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200" href="/kategori/musikintervjuer">Musikintervjuer</a></li><li class="mt-2"><a class="text-sm font-medium text-gray-900 transition-colors hover:text-gray-600 dark:text-gray-200 dark:hover:text-gray-400" href="/kategorier">Visa alla kategorier →</a></li></ul></div><div class="border-t border-gray-200 pt-6 dark:border-neutral-800"><div class="flex flex-wrap items-center justify-center gap-x-4 gap-y-2 text-sm text-gray-600 dark:text-gray-400"><a class="transition-colors hover:text-gray-900 dark:hover:text-gray-200" href="/vad-ar-en-podcast">Vad är en podd?</a><span class="text-gray-400">•</span><a href="https://imwithfriends.se" target="_blank" rel="noopener noreferrer" class="transition-colors hover:text-gray-900 dark:hover:text-gray-200">Webbutveckling av I'm With Friends</a></div></div></div></footer><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section><style> .no-scrollbar::-webkit-scrollbar { display: none; } .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } </style></div></div>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-JB3P2C0M16"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-JB3P2C0M16', { send_page_view: false }); </script>  <script async src="https://scripts.simpleanalyticscdn.com/latest.js"></script> <script async src="https://scripts.simpleanalyticscdn.com/auto-events.js"></script> </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:'9f4e7a33edb4a0ea',t:'MTc3NzYzNTI2OQ=='};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>