Real User-Agent is detectable with when using "puppeteer-extra-plugin-stealth". To prevent it use "'--disable-features=site-per-process'" argument for puppeteer.launch(). See explanation: <a rel="nofollow noopener" target="_blank" href="https://github.com/puppeteer/puppeteer/issues/2548">https://github.com/puppeteer/puppeteer/issues/2548</a></p> <p>Real screen size is also detectable with iframe, to prevent it I used preload() script.</p> <p>OS: Windows 10<br /> "puppeteer": 3.0.4<br /> "puppeteer-extra": 3.1.9<br /> "puppeteer-extra-plugin-stealth": 2.4.9</p> <p>Code to reproduce:</p> <pre><code class="prettyprint">const puppeteer = require('puppeteer'); const puppeteerExtraPluginStealth = require('puppeteer-extra-plugin-stealth'); const puppeteerExtraPluginUserAgentOverride = require('puppeteer-extra-plugin-stealth/evasions/user-agent-override'); const {PuppeteerExtra} = require('puppeteer-extra'); function preload(device) { Object.defineProperty(navigator, 'platform', { value: device.platform, writable: true, }); Object.defineProperty(navigator, 'userAgent', { value: device.userAgent, writable: true, }); Object.defineProperty(screen, 'height', { value: device.viewport.height, writable: true, }); Object.defineProperty(screen, 'width', { value: device.viewport.width, writable: true, }); Object.defineProperty(window, 'devicePixelRatio', { value: device.viewport.deviceScaleFactor, writable: true, }); } const device = { userAgent: 'Mozilla/5.0 (Macintosh)', viewport: { width: 1200, height: 800, deviceScaleFactor: 1, isMobile: false, hasTouch: false, isLandscape: true, }, locale: 'en-US,en;q=0.9', platform: 'Macintosh', }; (async () => { try { const pptr = new PuppeteerExtra(puppeteer); const pluginStealth = puppeteerExtraPluginStealth(); pluginStealth.enabledEvasions.delete('user-agent-override'); // Remove this specific stealth plugin from the default set pptr.use(pluginStealth); const pluginUserAgentOverride = puppeteerExtraPluginUserAgentOverride({ userAgent: device.userAgent, locale: device.locale, platform: device.platform, }); pptr.use(pluginUserAgentOverride); const browser = await pptr.launch({ args: [ '--disable-features=site-per-process', `--window-size=${device.viewport.width},${device.viewport.height}`, ], headless: false, defaultViewport: device.viewport, }); const page = await browser.newPage(); await page.evaluateOnNewDocument(preload, device); await page.goto('https://codepen.io/ukrexpo/pen/JjYverG'); } catch (err) { console.error(err); } })(); </code></pre> </div> <div> <div class="float-right"> <a class="text-muted" href="https://www.github.com/berstend/puppeteer-extra/issues/196" rel="nofollow noreferrer" target="_blank" onclick="dataLayer.push({'event': 'GAEvent', 'eventCategory': 'click', 'eventAction': 'source_bottom', 'eventLabel': 'Source Bottom', 'eventValue': undefined});">Source</a> </div> </div> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/14107645?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt=" picture"> <strong>ukrexpo</strong> </div> <div class="col text-right"> 👍<span class="ml-2 mr-3">1</span> </div> </div> </div> </div> </div> <div class="col-12"> <div id="ph-above-best-comment"> </div> </div> <div class="col-12 mb-4 best-comment"> <div> <h2 class="mb-3"><i class="fas fa-check mr-2"></i>Most helpful comment</h2> </div> <div class="card card-custom border-lg-success mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>I think in more recent Chrome versions this might be required: <code>--flag-switches-begin --disable-site-isolation-trials --flag-switches-end</code></p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/1368633?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt=" picture"> <strong>berstend</strong> <span class="text-muted ml-1">on 3 Oct 2020</span> </div> <div class="col text-right"> 👍<span class="ml-2 mr-3">2</span> </div> </div> </div> </div> </div> <div class="col-12"> <div class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="9295564578" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="col-12 d-flex align-items-center mb-4"> <h2>All 5 comments</h2> </div> <div class="col-12"> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p><strong>@ukrexpo</strong> shouldn't <code>platform</code> be <code>MacIntel</code> instead?</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/288709?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="ruimarinho picture"> <strong>ruimarinho</strong> <span class="text-muted ml-1">on 12 May 2020</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>Awesome! This just fixed a problem I was encountering on a particular site. Thanks @ukrexpo.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/12705910?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="brdeav39 picture"> <strong>brdeav39</strong> <span class="text-muted ml-1">on 14 May 2020</span> </div> <div class="col text-right"> 👍<span class="ml-2 mr-3">1</span> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>I also discovered that puppeteer reports a <code>screen.colorDepth</code> and <code>screen.pixelDepth</code> of 30 instead of the 24 I see on other desktop browsers (Windows and Mac). It sounds like there are <a rel="nofollow noopener" target="_blank" href="https://en.wikipedia.org/wiki/Color_depth#Deep_color_(30-bit)">a few devices</a> that support 30-bit color, but theoretically the depth should match up with graphics card vendor reported by WebGL.</p> <p>Additionally a plugin like this could consider changing <code>window.outerHeight</code> and <code>screen.availHeight</code> to account for an OS dock height and browser tabs + omnibar height. It gives away puppeteer quickly if the <code>window.innerHeight</code> doesn't make sense with the values for <code>screen.height</code> and <code>screen.availHeight</code>.</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/102264?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="kensnyder picture"> <strong>kensnyder</strong> <span class="text-muted ml-1">on 12 Jun 2020</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>careful also with</p> <pre><code class="prettyprint">document.documentElement.clientWidth document.documentElement.clientHeight </code></pre> <p>it looks like chrome headless doesn't account for scrollbar size</p> <p>regarding window.innerHeight / screen.availHeight<br /> maybe be carefull with css media queries which could detect the real size ?</p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/83005?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="momala454 picture"> <strong>momala454</strong> <span class="text-muted ml-1">on 17 Jun 2020</span> </div> <div class="col text-right"> </div> </div> </div> </div> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown"> <p>I think in more recent Chrome versions this might be required: <code>--flag-switches-begin --disable-site-isolation-trials --flag-switches-end</code></p> </div> <div class="card-footer"> <div class="row"> <div class="col"> <img src="https://avatars.githubusercontent.com/u/1368633?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="berstend picture"> <strong>berstend</strong> <span class="text-muted ml-1">on 3 Oct 2020</span> </div> <div class="col text-right"> 👍<span class="ml-2 mr-3">2</span> </div> </div> </div> </div> </div> <div class="col-12"> <div class="card card-custom mb-4"> <div class="card-body pt-3 pb-3 markdown text-center helpful"> <div class="title">Was this page helpful?</div> <div class="mt-1" onMouseLeave="rating(615479960, 0);"> <i class="fas fa-star inactive" id="star-1" onMouseOver="rating(615479960, 1);" onclick="rate(615479960, 1);"></i> <i class="fas fa-star inactive" id="star-2" onMouseOver="rating(615479960, 2);" onclick="rate(615479960, 2);"></i> <i class="fas fa-star inactive" id="star-3" onMouseOver="rating(615479960, 3);" onclick="rate(615479960, 3);"></i> <i class="fas fa-star inactive" id="star-4" onMouseOver="rating(615479960, 4);" onclick="rate(615479960, 4);"></i> <i class="fas fa-star inactive" id="star-5" onMouseOver="rating(615479960, 5);" onclick="rate(615479960, 5);"></i> </div> <div class="description text-small"><span id="rating-val">0</span> / 5 - <span id="rating-count">0</span> ratings</div> </div> </div> <div class="mb-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3452512275" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </div> <div class="col-12 col-lg-4"> <div id="ph-above-related"></div> <div class="card card-custom issue-box"> <div class="card-body pt-3 pb-5"> <h2 class="mb-4">Related issues</h2> <div> <strong> <a href="/puppeteer-extra/655582586/idea-list-of-detection-tests-in-docs">[Idea] List of detection tests in docs</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/65471523?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="prescience-data picture"> <strong class="pr-1" dir="ltr">prescience-data</strong> 路 <span class="px-1" dir="ltr">5</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/puppeteer-extra/636570321/typeerror-cannot-convert-undefined-or-null-to-object">TypeError: Cannot convert undefined or null to object</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/41565910?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="LitMSCTBB picture"> <strong class="pr-1" dir="ltr">LitMSCTBB</strong> 路 <span class="px-1" dir="ltr">5</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/puppeteer-extra/460409402/typescript-puppeteer-extra-launching">[TypeScript] Puppeteer-extra launching</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/25270259?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="KorrGoFF picture"> <strong class="pr-1" dir="ltr">KorrGoFF</strong> 路 <span class="px-1" dir="ltr">7</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/puppeteer-extra/590313145/recaptcha-plugin-hcaptcha-support">recaptcha-plugin HCaptcha support</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/43746369?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="hgenchev99 picture"> <strong class="pr-1" dir="ltr">hgenchev99</strong> 路 <span class="px-1" dir="ltr">6</span><span>Comments</span> </div> <hr /> <div> <strong> <a href="/puppeteer-extra/765633933/can-t-use-page-solverecaptchas-or-any-other-puppeteer-extra">can't use page.solveRecaptchas() or any other puppeteer-extra functions with TypeScript. Should we document this?</a> </strong> </div> <div class="text-muted text-small mt-2"> <img src="https://avatars.githubusercontent.com/u/13921610?v=4&s=40" style="width:20px; height:20px;" class="mr-2 rounded float-left" alt="clouedoc picture"> <strong class="pr-1" dir="ltr">clouedoc</strong> 路 <span class="px-1" dir="ltr">5</span><span>Comments</span> </div> </div> </div> <div class="sticky-top pt-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3919948963" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div id="ph-below-related-2" class="mt-4"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="3919948963" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <div class="col-12 col-lg-4"> </div> </div> <div class="skyscraper-container"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3835332123789605" data-ad-slot="7879185320" data-ad-format="vertical" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="mt-5 spacer"></div> <footer class="mt-5 pb-2 py-4 text-center mt-auto"> <div class="container"> <a class="navbar-brand logo mr-5" href="/"> <img src="/assets/img/logo.svg" width="40" height="40" alt="bleepingcoder logo"> bleeping<strong>coder</strong> </a> <div class="mt-4"> bleepingcoder.com uses publicly licensed GitHub information to provide developers around the world with solutions to their problems. We are not affiliated with GitHub, Inc. or with any developers who use GitHub for their projects. We do not host any of the videos or images on our servers. All rights belong to their respective owners. </div> <div> Source for this page: <a href="https://www.github.com/berstend/puppeteer-extra/issues/196" rel="nofollow noreferrer" target="_blank">Source</a> </div> </div> <hr class="mb-5 mt-5"> <div class="container"> <div class="row"> <div class="col-sm-4 col-lg mb-sm-0 mb-5"> <strong>Popular programming languages</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/python" dir="ltr">Python</a> </li> <li class="mb-2"> <a href="/javascript" dir="ltr">JavaScript</a> </li> <li class="mb-2"> <a href="/typescript" dir="ltr">TypeScript</a> </li> <li class="mb-2"> <a href="/cpp" dir="ltr">C++</a> </li> <li class="mb-2"> <a href="/csharp" dir="ltr">C#</a> </li> </ul> </div> <div class="col-sm-4 col-lg mb-sm-0 mb-5"> <strong>Popular GitHub projects</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/microsoft/vscode" dir="ltr">vscode</a> </li> <li class="mb-2"> <a href="/numpy/numpy" dir="ltr">numpy</a> </li> <li class="mb-2"> <a href="/ant-design/ant-design" dir="ltr">ant-design</a> </li> <li class="mb-2"> <a href="/mui-org/material-ui" dir="ltr">material-ui</a> </li> <li class="mb-2"> <a href="/vercel/next-js" dir="ltr">next.js</a> </li> </ul> </div> <div class="col-sm-4 col-lg mb-0"> <strong>More GitHub projects</strong> <ul class="list-unstyled mb-0 mt-2"> <li class="mb-2"> <a href="/rust-lang/rust" dir="ltr">rust</a> </li> <li class="mb-2"> <a href="/moment/moment" dir="ltr">moment</a> </li> <li class="mb-2"> <a href="/yarnpkg/yarn" dir="ltr">yarn</a> </li> <li class="mb-2"> <a href="/mozilla/pdf-js" dir="ltr">pdf.js</a> </li> <li class="mb-2"> <a href="/JuliaLang/julia" dir="ltr">julia</a> </li> </ul> </div> </div> </div> <hr class="mb-5 mt-5"> <div class="container text-muted"> 漏 2026 bleepingcoder.com - <a href="/bleeps" rel="nofollow">Contact</a><br /> By using our site, you acknowledge that you have read and understand our <a href="/cookies" rel="nofollow">Cookie Policy</a> and <a href="/privacy" rel="nofollow">Privacy Policy</a>. </div> </footer> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script> <script async src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script> <!--<script defer type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5fb2db66acbd74b2"></script>--> <script type="text/javascript" src="/assets/js/main.js"></script> <script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script></body> </html>