Resolving the Blocked a Frame with Origin "null" From Accessing a Cross-Origin Frame Error

相关文章推荐

深情的鞭炮 · Mysql ...· 1 年前 ·

发呆的花生 · Java String字符串和整型int的相互转换· 1 年前 ·

英姿勃勃的勺子 · JAVA对DataSet的操作大集合_dat ...· 1 年前 ·

开心的大海 · unity slider ...· 1 年前 ·

豪气的消防车 · 佛山小伙伴寄来的iPad ...· 1 年前 ·

</noscript><div id="__next" data-reactroot=""><div class="sc-9082497f-0 eIGtfn"><header class="sc-136ee038-0 bBwntW"><div class="mainNav" style="background:"><div class="left-portion"><div class="search-container active"><div class="input-holder"><div class="ais-SearchBox"><form novalidate="" class="ais-SearchBox-form" action="" role="search"><input type="search" placeholder="Discover Anything" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" required="" maxlength="512" value="" class="ais-SearchBox-input"/><button type="submit" title="Submit your search query." class="ais-SearchBox-submit"><svg class="ais-SearchBox-submitIcon" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 40 40"><path d="M26.804 29.01c-2.832 2.34-6.465 3.746-10.426 3.746C7.333 32.756 0 25.424 0 16.378 0 7.333 7.333 0 16.378 0c9.046 0 16.378 7.333 16.378 16.378 0 3.96-1.406 7.594-3.746 10.426l10.534 10.534c.607.607.61 1.59-.004 2.202-.61.61-1.597.61-2.202.004L26.804 29.01zm-10.426.627c7.323 0 13.26-5.936 13.26-13.26 0-7.32-5.937-13.257-13.26-13.257C9.056 3.12 3.12 9.056 3.12 16.378c0 7.323 5.936 13.26 13.258 13.26z"/></svg></button><button type="reset" title="Clear the search query." class="ais-SearchBox-reset" hidden=""><svg class="ais-SearchBox-resetIcon" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" width="10" height="10"><path d="M8.114 10L.944 2.83 0 1.885 1.886 0l.943.943L10 8.113l7.17-7.17.944-.943L20 1.886l-.943.943-7.17 7.17 7.17 7.17.943.944L18.114 20l-.943-.943-7.17-7.17-7.17 7.17-.944.943L0 18.114l.943-.943L8.113 10z"/></svg></button></form></div><img src="https://hackernoon.imgix.net/search-new.png?w=19&amp;h=19" class="search" alt="Search icon" width="19" height="19"/></div></div></div><a class="logo" tabindex="2" href="/"><img src="https://hackernoon.imgix.net/hn-logo.png" alt="Hackernoon logo" class="desktop" width="248" height="40"/><img src="https://hackernoon.imgix.net/hn-icon.png" alt="Hackernoon logo" class="mobile" width="37" height="40"/></a><div class="right-portion"><div class="sc-136ee038-1 gBmlRg"><a style="color:#003300;border-color:;background-color:" href="https://app.hackernoon.com/signup" class="sc-d22d78c4-0 dnnLsR">Start Writing</a><div style="width:86px;height:36px"/></div><div><img width="35" height="35" src="https://hackernoon.imgix.net/unread-bell.png" style="vertical-align:middle" alt="see notifications" class="sc-9aff7a2f-0 flYQYM"/><div class="sc-9aff7a2f-1 iBZgaW"><div class="header">Notifications</div><div class="content"/><div style="display:flex"><div class="more">see  more</div></div></div></div><div class="sc-35c163c7-0 dQxNsz"><div data-focus-guard="true" tabindex="-1" style="width:1px;height:0px;padding:0;overflow:hidden;position:fixed;top:1px;left:1px"/><div data-focus-lock-disabled="disabled"><button aria-label="Toggle menu" aria-expanded="false" aria-controls="main-menu" class="sc-39a70a6c-0 dSlnyE"><i style="color:" aria-hidden="true" class="fas fa-bars"/></button><nav aria-hidden="true" style="background-color:" class="sc-e6769a8c-0 SDKzz"><a style="color:;border-color:" href="https://app.hackernoon.com/signup" class="cta-button signin">LOGIN / SIGNUP</a><div class="sc-e6769a8c-1 kcfJin"><ul style="background-color:" class="sc-90ddc8c6-0 lmJfmK"/></div></nav></div><div data-focus-guard="true" tabindex="-1" style="width:1px;height:0px;padding:0;overflow:hidden;position:fixed;top:1px;left:1px"/></div></div></div><div class="sc-83bf2253-0 hXLAAz subNav" style="background-color:;color:"><ul style="background-color:" class="sc-90ddc8c6-0 etbkcc"/></div><div><div style="background:;color:" class="sc-dc96e835-0 kicSUo"><a class="logo" href="/"><img src="/hn-logo.png" alt="Hackernoon logo"/></a><a style="color:" class="adLink" target="_blank" rel="sponsored"/><div class="colorPicker"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2725%27%20height=%2725%27/%3e"/></span><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img srcset="https://hackernoon.com/brush2.png?auto=format&amp;fit=max&amp;w=32 1x, https://hackernoon.com/brush2.png?auto=format&amp;fit=max&amp;w=64 2x" src="https://hackernoon.com/brush2.png?auto=format&amp;fit=max&amp;w=64" decoding="async" data-nimg="intrinsic" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" loading="lazy"/></noscript></span></div></div></div><div class="sc-bfa55183-0 hvkhu story-nav show"><div class="title"><span class="story-title">Resolving the Blocked a Frame with Origin "null" From Accessing a Cross-Origin Frame Error</span><span class="by"> by</span><a class="profile" href="/u/kodwings">@kodwings</a></div><div class="sharing"/></div></header><div style="position:fixed;z-index:9999;top:16px;left:16px;right:16px;bottom:16px;pointer-events:none"/><main class="sc-9082497f-1 hjJhFE"><div class="sc-7cc1707-0 sc-e2e0bcb6-0 gYiUmq eZqkGm"><div class="sc-f6442b29-0 fHSNTS"><div class="metaContainer desktop-no-show"><div class="sc-f6442b29-4 iIBJzg"><div class="sc-f6442b29-3 arpyX"><span class="stat"><i aria-hidden="true" class="fas fa-star"/> 47,342 reads</span></div></div></div><h1 class="story-title" style="text-align:left">Resolving the Blocked a Frame with Origin "null" From Accessing a Cross-Origin Frame Error</h1><div style="margin-bottom:20px"><div class="sc-f6442b29-4 iIBJzg"><div class="sc-f6442b29-3 arpyX"><a href="/archives/2022/05/31">May 31st 2022</a><hr class="vertical "/><span class="header-handle " data-tip="true" data-for="story-author" aria-label="bookmark story" data-delay-hide="1000"><span> by </span><a> @kodwings </a></span><span class="stat mobile-no-show"><i aria-hidden="true" class="fas fa-star"/> 47,342 reads</span><button data-tip="Bookmark story" aria-label="bookmark story" data-for="5tiAKK6bhaYLi21pSF9y" data-html="true" data-delay-hide="1000" class="sc-12ddb2ef-0 eJwuKy bookmark "><i aria-hidden="true" class="fas fa-bookmark "/></button></div></div></div><div class="metaContainer"><div class="sc-f6442b29-4 iIBJzg"><div class="sc-f6442b29-3 arpyX"><div class="sc-f6442b29-1 juRUFg"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2750%27%20height=%2715%27/%3e"/></span><img alt="Open TLDR" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="tldr-logo" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Open TLDR" srcset="https://hackernoon.imgix.net/tl;dr-dark.png?auto=format&amp;fit=max&amp;w=64 1x, https://hackernoon.imgix.net/tl;dr-dark.png?auto=format&amp;fit=max&amp;w=128 2x" src="https://hackernoon.imgix.net/tl;dr-dark.png?auto=format&amp;fit=max&amp;w=128" decoding="async" data-nimg="intrinsic" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" class="tldr-logo" loading="lazy"/></noscript></span><img src="https://hackernoon.imgix.net/arrow-dark.png" alt="tldt arrow" width="12px" height="12px" class="tldr-arrow "/></div></div></div><div class="sc-f6442b29-2 jOIKGS"><div style="flex-shrink:0"><span style="display:flex;cursor:pointer" data-tip="true" data-for="terminal-view"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2725%27%20height=%2725%27/%3e"/></span><img alt="Read on Terminal Reader" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Read on Terminal Reader" srcset="https://hackernoon.imgix.net/computer.png?auto=format&amp;fit=max&amp;w=32 1x, https://hackernoon.imgix.net/computer.png?auto=format&amp;fit=max&amp;w=64 2x" src="https://hackernoon.imgix.net/computer.png?auto=format&amp;fit=max&amp;w=64" decoding="async" data-nimg="intrinsic" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" loading="lazy"/></noscript></span></span></div><div style="flex-shrink:0"><span style="display:flex;cursor:pointer"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2725%27%20height=%2725%27/%3e"/></span><img alt="Read this story w/o Javascript" data-tip="true" data-for="arweave-backup" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Read this story w/o Javascript" data-tip="true" data-for="arweave-backup" srcset="https://hackernoon.imgix.net/images/Lite%20Icon%20%4025px.png?auto=format&amp;fit=max&amp;w=32 1x, https://hackernoon.imgix.net/images/Lite%20Icon%20%4025px.png?auto=format&amp;fit=max&amp;w=64 2x" src="https://hackernoon.imgix.net/images/Lite%20Icon%20%4025px.png?auto=format&amp;fit=max&amp;w=64" decoding="async" data-nimg="intrinsic" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" loading="lazy"/></noscript></span></span></div></div></div><div class="tldr-no-show"><h2>Too Long; Didn't Read</h2>Google Chrome has a security feature that blocks a frame with origin from accessing a cross-origin frame. This can happen when you try to show material from another website on your own. The same-origin policy prevents scripts from accessing content of sites with different origins. Using a local web server or using a browser with cross-domain web security/same-origin is the best way to deal with this issue. Using extensions like “xampp’s” or “Live Server” is another way to solve it.<hr style="width:100%"/><div class="mentions-container"><div><h3>Companies Mentioned</h3><div><div title="Google" class="sc-f6442b29-5 dZObuJ"><a href="/company/google" style="text-align:left" target="_blank" rel="noopener noreferrer"><div class="img"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2770%27%20height=%2770%27/%3e"/></span><img data-tip="true" data-for="tldr-mention-google" alt="Mention Thumbnail" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="img" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:contain"/><noscript><img data-tip="true" data-for="tldr-mention-google" alt="Mention Thumbnail" src="http://logo.bigpicture.io/logo/google.com" decoding="async" data-nimg="intrinsic" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:contain" class="img" loading="lazy"/></noscript></span></div></a></div><div title="Mozilla" class="sc-f6442b29-5 dZObuJ"><a href="/company/mozilla" style="text-align:left" target="_blank" rel="noopener noreferrer"><div class="img"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2770%27%20height=%2770%27/%3e"/></span><img data-tip="true" data-for="tldr-mention-mozilla" alt="Mention Thumbnail" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="img" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:contain"/><noscript><img data-tip="true" data-for="tldr-mention-mozilla" alt="Mention Thumbnail" src="http://logo.bigpicture.io/logo/mozilla.org" decoding="async" data-nimg="intrinsic" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:contain" class="img" loading="lazy"/></noscript></span></div></a></div></div></div></div></div></div><div class="sc-af254865-1 iippHf image-container feat"><button class="sc-af254865-0 isjaJY download-button"><a download="resolving-the-blocked-a-frame-with-origin-null-from-accessing-a-cross-origin-frame-error.jpeg" href="https://hackernoon.imgix.net/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-fd93p6m.jpeg" title="Download image"><i class="fa fa-download" color="currentColor"/></a></button><div data-rmiz-wrap="visible"><div style="position:relative"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%271080%27%20height=%27600%27/%3e"/></span><img alt="featured image - Resolving the Blocked a Frame with Origin &quot;null&quot; From Accessing a Cross-Origin Frame Error" srcset="https://hackernoon.imgix.net/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-fd93p6m.jpeg?auto=format&amp;fit=max&amp;w=1080 1x, https://hackernoon.imgix.net/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-fd93p6m.jpeg?auto=format&amp;fit=max&amp;w=3840 2x" src="https://hackernoon.imgix.net/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-fd93p6m.jpeg?auto=format&amp;fit=max&amp;w=3840" decoding="async" data-nimg="intrinsic" class="image" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:contain;background-size:contain;background-position:0% 0%;filter:blur(20px);background-image:url(&quot;data:image/svg+xml;base64,CiAgICA8c3ZnIHdpZHRoPSIxMDgwIiBoZWlnaHQ9IjYwMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgICAgPGRlZnM+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJnIj4KICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMyMjIiIG9mZnNldD0iMiUiIC8+CiAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMGYwIiBvZmZzZXQ9IjEwJSIgLz4KICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMyMjIiIG9mZnNldD0iMTIlIiAvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgIDwvZGVmcz4KICAgICAgPHJlY3Qgd2lkdGg9IjEwODAiIGhlaWdodD0iNjAwIiBmaWxsPSIjMjIyIiAvPgogICAgICA8cmVjdCBpZD0iciIgd2lkdGg9IjEwODAiIGhlaWdodD0iNjAwIiBmaWxsPSJ1cmwoI2cpIiAvPgogICAgICA8YW5pbWF0ZSB4bGluazpocmVmPSIjciIgYXR0cmlidXRlTmFtZT0ieCIgZnJvbT0iLTEwODAiIHRvPSIxMDgwIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgIC8+CiAgICA8L3N2Zz4=&quot;)"/><noscript><img alt="featured image - Resolving the Blocked a Frame with Origin &quot;null&quot; From Accessing a Cross-Origin Frame Error" srcset="https://hackernoon.imgix.net/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-fd93p6m.jpeg?auto=format&amp;fit=max&amp;w=1080 1x, https://hackernoon.imgix.net/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-fd93p6m.jpeg?auto=format&amp;fit=max&amp;w=3840 2x" src="https://hackernoon.imgix.net/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-fd93p6m.jpeg?auto=format&amp;fit=max&amp;w=3840" decoding="async" data-nimg="intrinsic" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:contain" class="image"/></noscript></span></div><button aria-label="Zoom image" data-rmiz-btn-open="true"/></div></div><div class="tags underStory"><a class="sc-61133238-0 sc-44689c59-0 jwSAHQ jNCAGR parent-category" href="/c/programming"><span style="text-transform:uppercase">programming</span></a><a class="sc-61133238-0 sc-eaf68fb4-0 jwSAHQ jDocHt badgeColors" href="/tagged/software-development">#software-development</a><a class="sc-61133238-0 sc-eaf68fb4-0 jwSAHQ jDocHt badgeColors" href="/tagged/dom">#dom</a><a class="sc-61133238-0 sc-eaf68fb4-0 jwSAHQ jDocHt badgeColors" href="/tagged/html">#html</a></div><div style="grid-column:1 / -1"/><div class="sc-7518eefd-0 dgTaRA profile"><div class="profileImageContainer brand"><span style="box-sizing:border-box;display:block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;top:0;left:0;bottom:0;right:0"><img alt="kodlogs.net HackerNoon profile picture" href="/u/kodwings" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="fill" class="profileImage " style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:cover"/><noscript><img alt="kodlogs.net HackerNoon profile picture" href="/u/kodwings" sizes="100vw" srcset="https://hackernoon.imgix.net/avatars/robot-b5.png?auto=format&amp;fit=max&amp;w=640 640w, https://hackernoon.imgix.net/avatars/robot-b5.png?auto=format&amp;fit=max&amp;w=750 750w, https://hackernoon.imgix.net/avatars/robot-b5.png?auto=format&amp;fit=max&amp;w=828 828w, https://hackernoon.imgix.net/avatars/robot-b5.png?auto=format&amp;fit=max&amp;w=1080 1080w, https://hackernoon.imgix.net/avatars/robot-b5.png?auto=format&amp;fit=max&amp;w=1200 1200w, https://hackernoon.imgix.net/avatars/robot-b5.png?auto=format&amp;fit=max&amp;w=1920 1920w, https://hackernoon.imgix.net/avatars/robot-b5.png?auto=format&amp;fit=max&amp;w=2048 2048w, https://hackernoon.imgix.net/avatars/robot-b5.png?auto=format&amp;fit=max&amp;w=3840 3840w" src="https://hackernoon.imgix.net/avatars/robot-b5.png?auto=format&amp;fit=max&amp;w=3840" decoding="async" data-nimg="fill" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:cover" class="profileImage " loading="lazy"/></noscript></span></div><div class="profile-details"><hr class="row-divider"/><h3 class="sideways"><a href="/u/kodwings" class="sc-3953247f-0 jZNWoa">@kodwings</a></h3><strong><small>kodlogs.net</small></strong><hr class="row-divider"/><p style="margin:0"/></div></div><div value="false" class="sc-9a6169c1-0 kerChu"><div class="emojis-container"><div class="emojis unexpanded"><div><div class="single "><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2730%27%20height=%2730%27/%3e"/></span><img data-usertype="user" data-emoji="heart" alt="react to story with heart" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="emoji not-active" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img data-usertype="user" data-emoji="heart" alt="react to story with heart" srcset="https://hackernoon.com/emojis/heart.png?auto=format&amp;fit=max&amp;w=32 1x, https://hackernoon.com/emojis/heart.png?auto=format&amp;fit=max&amp;w=64 2x" src="https://hackernoon.com/emojis/heart.png?auto=format&amp;fit=max&amp;w=64" decoding="async" data-nimg="intrinsic" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" class="emoji not-active" loading="lazy"/></noscript></span><img class="emoji-animation icon-1" width="15" height="24" src="https://hackernoon.com/emojis/heart.png" alt="reaction animation" aria-hidden="true"/><img class="emoji-animation icon-2" width="15" height="24" src="https://hackernoon.com/emojis/heart.png" alt="reaction animation" aria-hidden="true"/><img class="emoji-animation icon-3" width="15" height="24" src="https://hackernoon.com/emojis/heart.png" alt="reaction animation" aria-hidden="true"/></div></div></div></div></div><div><div/><div style="" class="sc-4872dea-7 iPySKE"><button><i class="fas fa-pen"/></button><button><i class="fas fa-share-alt"/></button><button><i class="fas fa-copy"/></button><a style="margin-left:15px;color:white" href="#commentSection"><i class="fa-solid fa-comment-quote"/></a><button style="margin-right:10px"><i class="fa-solid fa-flag"/></button><div class="sc-4872dea-8 cGBVnJ"/></div></div><footer><div class="sc-4421fc0d-0 kkbLrd"><div class="row"><div class="avatar brand" style="width:100px;height:100px;position:relative"><a href="/u/kodwings"><span style="box-sizing:border-box;display:block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;top:0;left:0;bottom:0;right:0"><img alt="kodlogs.net HackerNoon profile picture" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="fill" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:cover"/><noscript><img alt="kodlogs.net HackerNoon profile picture" sizes="100vw" srcset="https://cdn.hackernoon.com/avatars/robot-b5.png?auto=format&amp;fit=max&amp;w=640 640w, https://cdn.hackernoon.com/avatars/robot-b5.png?auto=format&amp;fit=max&amp;w=750 750w, https://cdn.hackernoon.com/avatars/robot-b5.png?auto=format&amp;fit=max&amp;w=828 828w, https://cdn.hackernoon.com/avatars/robot-b5.png?auto=format&amp;fit=max&amp;w=1080 1080w, https://cdn.hackernoon.com/avatars/robot-b5.png?auto=format&amp;fit=max&amp;w=1200 1200w, https://cdn.hackernoon.com/avatars/robot-b5.png?auto=format&amp;fit=max&amp;w=1920 1920w, https://cdn.hackernoon.com/avatars/robot-b5.png?auto=format&amp;fit=max&amp;w=2048 2048w, https://cdn.hackernoon.com/avatars/robot-b5.png?auto=format&amp;fit=max&amp;w=3840 3840w" src="https://cdn.hackernoon.com/avatars/robot-b5.png?auto=format&amp;fit=max&amp;w=3840" decoding="async" data-nimg="fill" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:cover" loading="lazy"/></noscript></span></a></div><div class="author-info"><span>by kodlogs.net <span class="handle"><a href="/u/kodwings">@kodwings</a>.</span></span><span class="bio">Kodlogs.net Programming articles for programming problems</span></div></div><a class="bio-cta" href="https://hackernoon.com/u/kodwings?ref=hackernoon.com" rel="sponsored"><i class="fa fa-book" style="font-size:1.8rem"/>Read My Stories</a></div></footer><div id="commentSection"/><div class="adbytag"><div style="background-color:#009300" class="sc-98ff0015-0 bOglgE"><a href="https://sonarsource.zoom.us/webinar/register/3016829449588/WN_GYFxQyqgSAi9IWpKcNDr_w#/registration" target="_blank"><div class="info"><div style="height:100px;width:100px;position:relative"><span style="box-sizing:border-box;display:block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;top:0;left:0;bottom:0;right:0"><img alt="SonarSource" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="fill" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:scale-down"/><noscript><img alt="SonarSource" sizes="(max-width: 100px) 100px" srcset="https://cdn.hackernoon.com/images/img-wk53yqi.png?auto=format&amp;fit=max&amp;w=16 16w, https://cdn.hackernoon.com/images/img-wk53yqi.png?auto=format&amp;fit=max&amp;w=32 32w, https://cdn.hackernoon.com/images/img-wk53yqi.png?auto=format&amp;fit=max&amp;w=48 48w, https://cdn.hackernoon.com/images/img-wk53yqi.png?auto=format&amp;fit=max&amp;w=64 64w, https://cdn.hackernoon.com/images/img-wk53yqi.png?auto=format&amp;fit=max&amp;w=96 96w, https://cdn.hackernoon.com/images/img-wk53yqi.png?auto=format&amp;fit=max&amp;w=128 128w, https://cdn.hackernoon.com/images/img-wk53yqi.png?auto=format&amp;fit=max&amp;w=256 256w, https://cdn.hackernoon.com/images/img-wk53yqi.png?auto=format&amp;fit=max&amp;w=384 384w, https://cdn.hackernoon.com/images/img-wk53yqi.png?auto=format&amp;fit=max&amp;w=640 640w, https://cdn.hackernoon.com/images/img-wk53yqi.png?auto=format&amp;fit=max&amp;w=750 750w, https://cdn.hackernoon.com/images/img-wk53yqi.png?auto=format&amp;fit=max&amp;w=828 828w, https://cdn.hackernoon.com/images/img-wk53yqi.png?auto=format&amp;fit=max&amp;w=1080 1080w, https://cdn.hackernoon.com/images/img-wk53yqi.png?auto=format&amp;fit=max&amp;w=1200 1200w, https://cdn.hackernoon.com/images/img-wk53yqi.png?auto=format&amp;fit=max&amp;w=1920 1920w, https://cdn.hackernoon.com/images/img-wk53yqi.png?auto=format&amp;fit=max&amp;w=2048 2048w, https://cdn.hackernoon.com/images/img-wk53yqi.png?auto=format&amp;fit=max&amp;w=3840 3840w" src="https://cdn.hackernoon.com/images/img-wk53yqi.png?auto=format&amp;fit=max&amp;w=3840" decoding="async" data-nimg="fill" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;object-fit:scale-down" loading="lazy"/></noscript></span></div><p style="font-family:SF Pro Display;color:#FFFFFF;font-size:">Learn how to continuously improve your codebase</p></div><div class="background"><div style="background-color:#29c929" class="l1"/><div style="background-color:#007200" class="d1"/><div style="background-color:#29c929" class="l2"/><div style="background-color:#29c929" class="l3"/><div style="background-color:#007200" class="d2"/><div style="background-color:#009300" class="m1"/></div></a></div></div><section><h4>RELATED STORIES</h4><section class="sc-38638eb8-0 dNweVP related-stories"><div class="sc-ce562d7b-0 cSVvRG"><div class="img"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27100%27%20height=%27100%27/%3e"/></span><img alt="Article Thumbnail" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="img" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Article Thumbnail" srcset="https://hackernoon.imgix.net/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-7b93pxq.jpeg?auto=format&amp;fit=max&amp;w=128 1x, https://hackernoon.imgix.net/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-7b93pxq.jpeg?auto=format&amp;fit=max&amp;w=256 2x" src="https://hackernoon.imgix.net/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-7b93pxq.jpeg?auto=format&amp;fit=max&amp;w=256" decoding="async" data-nimg="intrinsic" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" class="img" loading="lazy"/></noscript></span></div><div class="text"><strong><a href="../how-to-resolve-check-if-generator-is-empty-error-in-python" style="text-decoration:none;text-align:left" target="_blank" rel="noopener noreferrer">How to Resolve 'Check if Generator Is Empty Error' in Python</a></strong><div class="title"><span>Published at Jul 24, 2022 by <a href="https://hackernoon.com/u/kodwings">kodwings</a></span><span class="related centered"> <a href="/tagged/python"> #python </a> </span></div></div></div><div class="sc-ce562d7b-0 cSVvRG"><div class="img"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27100%27%20height=%27100%27/%3e"/></span><img alt="Article Thumbnail" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="img" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Article Thumbnail" srcset="https://hackernoon.imgix.net/images/9POkrhgUbfQ0pWRnXkdf1ivoJGf1-td93p62.jpeg?auto=format&amp;fit=max&amp;w=128 1x, https://hackernoon.imgix.net/images/9POkrhgUbfQ0pWRnXkdf1ivoJGf1-td93p62.jpeg?auto=format&amp;fit=max&amp;w=256 2x" src="https://hackernoon.imgix.net/images/9POkrhgUbfQ0pWRnXkdf1ivoJGf1-td93p62.jpeg?auto=format&amp;fit=max&amp;w=256" decoding="async" data-nimg="intrinsic" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" class="img" loading="lazy"/></noscript></span></div><div class="text"><strong><a href="../solving-car-damage-detection-task-by-using-a-two-model-computer-vision-solution" style="text-decoration:none;text-align:left" target="_blank" rel="noopener noreferrer">Solving Car Damage Detection Task By Using a Two-Model Computer Vision Solution</a></strong><div class="title"><span>Published at May 16, 2023 by <a href="https://hackernoon.com/u/intelliartsai">intelliartsai</a></span><span class="related centered"> <a href="/tagged/ai"> #ai </a> </span></div></div></div><div class="sc-ce562d7b-0 cSVvRG"><div class="img"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27100%27%20height=%27100%27/%3e"/></span><img alt="Article Thumbnail" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="img" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Article Thumbnail" srcset="https://hackernoon.imgix.net/images/5ZZ01s5G8fVi9qZZgKASB8y6gGt2-2m93pdp.jpeg?auto=format&amp;fit=max&amp;w=128 1x, https://hackernoon.imgix.net/images/5ZZ01s5G8fVi9qZZgKASB8y6gGt2-2m93pdp.jpeg?auto=format&amp;fit=max&amp;w=256 2x" src="https://hackernoon.imgix.net/images/5ZZ01s5G8fVi9qZZgKASB8y6gGt2-2m93pdp.jpeg?auto=format&amp;fit=max&amp;w=256" decoding="async" data-nimg="intrinsic" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" class="img" loading="lazy"/></noscript></span></div><div class="text"><strong><a href="../startup-acquisitions-finding-the-right-buyer-for-your-company" style="text-decoration:none;text-align:left" target="_blank" rel="noopener noreferrer">Startup Acquisitions: Finding the Right Buyer for Your Company</a></strong><div class="title"><span>Published at May 16, 2023 by <a href="https://hackernoon.com/u/Anna-Nadeina">Anna-Nadeina</a></span><span class="related centered"> <a href="/tagged/saas-acquisition"> #saas-acquisition </a> </span></div></div></div><div class="sc-ce562d7b-0 cSVvRG"><div class="img"><span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27100%27%20height=%27100%27/%3e"/></span><img alt="Article Thumbnail" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" decoding="async" data-nimg="intrinsic" class="img" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img alt="Article Thumbnail" srcset="https://hackernoon.imgix.net/images/eQHzh6rz7ETBHLjs0KzCl1Dooqp2-bga3pcl.jpeg?auto=format&amp;fit=max&amp;w=128 1x, https://hackernoon.imgix.net/images/eQHzh6rz7ETBHLjs0KzCl1Dooqp2-bga3pcl.jpeg?auto=format&amp;fit=max&amp;w=256 2x" src="https://hackernoon.imgix.net/images/eQHzh6rz7ETBHLjs0KzCl1Dooqp2-bga3pcl.jpeg?auto=format&amp;fit=max&amp;w=256" decoding="async" data-nimg="intrinsic" style="top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%" class="img" loading="lazy"/></noscript></span></div><div class="text"><strong><a href="../creating-a-web-component-for-revealjs" style="text-decoration:none;text-align:left" target="_blank" rel="noopener noreferrer">How to Create a Web Component for Reveal.js</a></strong><div class="title"><span>Published at May 11, 2023 by <a href="https://hackernoon.com/u/raymondcamden">raymondcamden</a></span><span class="related centered"> <a href="/tagged/web-development"> #web-development </a> </span></div></div></div></section></section><div style="display:flex;align-items:flex-end;justify-content:center"><div>L O A D I N G<br/>. . . comments &amp; <span style="font-style:italic"> more!</span><br/></div></div></div></main><div style="background:;color:" class="sc-abfd20c8-10 iSDdhZ"><span>Hackernoon hq - po box 2206, edwards, colorado 81632, usa</span></div></div></div>