You&#39;ll need to go to: `chrome://flags/#out-of-blink-cors`, **disable** the flag, and restart Chrome.

This is an expected behavior change according to:  
https://bugs.chromium.org/p/chromium/issues/detail?id=995740#c1

I originally came across this via:  
https://support.google.com/chrome/thread/11089651?hl=en

As of 2021 in CHROME the OPTIONS request is visible in the NETWORK tab filter OTHER requests

To see it together with XHR just CTRL+click and pick the request filters you want to see.

UPDATE (April 17) Chrome Version 90.0.4430.72 has made the options requests hidden again :(


Chrome 81 does not seem to display anything even after changing the option and restarting on my computer. 

As an alternative solution, I started to use Firefox and its Network tab for development.

[![enter image description here][1]][1]


https://getfirefox.com

  [1]: https://i.stack.imgur.com/RovVt.png

I&#39;m Takashi from Chromium Project, and drove the Out-Of-Blink/Render CORS project.

The project intended to introduce a process isolated CORS implementation for better security and privacy, and many of new network related features rely on this new implementation. Unfortunately we temporarily disabled preflight support in DevTools as it turned out continuing to support it weakens security and privacy. Sorry for inconvenience during this period.

Good news is now Chrome 83 implements the CORS preflight DevTools support again in a security preserved way. So you can monitor the CORS preflight requests as you could do before the Out-Of-Blink/Renderer CORS.

Best,

After Installing Google Cloud Bigquery Module, if I import the module into python code. I see this warning message. Happening to me in python 3.7.3 Virtualenv.

Tried to reinstall GCP bigquery module
Expectation-in python code if we write&quot; from google.cloud import bigquery &quot;.Should not result in any error or messege.

```python
import os
import sys
import logging
from datetime import datetime
from google.cloud import bigquery
```

```
/home/informatica/.local/lib/python3.7/site-packages/pandas/compat/__init__.py:84: UserWarning: Could not import the lzma module. Your installed Python is incomplete. Attempting to use lzma compression will result in a RuntimeError.
  warnings.warn(msg)
 exit()
```

UserWarning: Could not import the lzma module. Your installed Python is incomplete

In TypeScript, some types are defined using `extends keyof` or `in keyof`. I have tried to understand what they mean, but so far I didn&#39;t succeed. 

What I got is that `keyof` alone returns a union type which has all the names as possible values that are existent as property names on the type that you specify after `keyof`.

    type T = keyof string;

`T` therefor is equivalent to `startsWith | endsWith | trim | substring | ...`. 

Is this correct?

Now, if I try to think about what `extends keyof` and `in keyof` mean, my gut feeling says the following:

- `extends keyof` is any type that derives from `T`, i.e. it has all these possible values, but maybe more.
- `in keyof` is any type that takes values from `T`, but not necessarily all of them (it&#39;s possible, but maybe less).

So, from this POV `extends keyof` would describe a `&gt;=` relation, `in keyof` would describe a `&lt;=` relation. Is this correct? If not, what would be correct?

In TypeScript, what do &quot;extends keyof&quot; and &quot;in keyof&quot; mean?

My web client application is setting HTTP POST requests via fetch API. 

I see that OPTIONS preflight requests are sent via debugging proxy (Charles Proxy), but they are not displayed in Google Chrome Developer Tools\Network tab. 

I don&#39;t have any filters setup on the network tab. I remember OPTIONS requests being visible there, but not anymore. How do I bring them back?

Chrome not showing OPTIONS requests in Network tab

My web client application is setting HTTP POST requests via fetch API.
I see that OPTIONS preflight requests are sent via debugging proxy (Charles Proxy), but they are not displayed in Google Chrome Developer Tools\Network tab.
I don't have any filters setup on the network tab. I remember OPTIONS requests being visible there, but not anymore. How do I bring them back?

Chrome 76 has added support for `prefers-color-scheme` media query (a.k.a. &quot;dark mode&quot;). 

But how can I test my webpage in both color schemes easily, without toggling the system dark mode on and off?

Here is the [same question](https://stackoverflow.com/questions/56401662/firefox-how-to-test-prefers-color-scheme) for Firefox, but I can&#39;t find similar settings in Chrome &amp; Chrome DevTools.

How can I emulate prefers-color-scheme media query in Chrome?

Is anybody else getting this Chrome console warning? 

&gt; A cookie associated with a cross-site resource at &lt;URL&gt; was set
&gt; without the `SameSite` attribute. A future release of Chrome will only
&gt; deliver cookies with cross-site requests if they are set with
&gt; `SameSite=None` and `Secure`. You can review cookies in developer
&gt; tools under Application&gt;Storage&gt;Cookies and see more details at &lt;URL&gt;
&gt; and &lt;URL&gt;.

In Chrome Flags chrome://flags/ I&#39;ve tried disabling both: 

 - SameSite by default cookies
   
 - Cookies without SameSite must be secure

And the warning won&#39;t go away. 


Chrome Console SameSite Cookie Attribute Warning

I&#39;m currently working on a website, which triggers a ```net::ERR_HTTP2_PROTOCOL_ERROR 200``` error on Google Chrome. I&#39;m not sure exactly what can provoke this error, I just noticed it pops out only when accessing the website in HTTPS. I can&#39;t be 100% sure it is related, but it looks like it prevents JavaScript to be executed properly.

For instance, the following scenario happens :

1. I&#39;m accessing the website in HTTPS

2. My Twitter feed integrated via https://publish.twitter.com  isn&#39;t loaded at all 

3. I can notice in the console the ERR_HTTP2_PROTOCOL_ERROR

4. If I remove the code to load the Twitter feed, the error remains

5. If I access the website in HTTP, the Twitter feed appears and the error disappears 

Google Chrome is the only web browser triggering the error: it works well on both Edge and Firefox.
(NB: I tried with Safari, and I have a similar ```kcferrordomaincfnetwork 303``` error)

I was wondering if it could be related to the header returned by the server since there is this &#39;200&#39; mention in the error, and a 404 / 500 page isn&#39;t triggering anything. 

Thing is the error isn&#39;t documented at all. Google search gives me very few results. Moreover, I noticed it appears on very recent Google Chrome releases; the error doesn&#39;t pop on v.64.X, but it does on v.75+ (regardless of the OS; I&#39;m working on Mac tho).

----------


Might be related to https://stackoverflow.com/questions/49927327/website-ok-on-firefox-but-not-on-safari-kcferrordomaincfnetwork-error-303-neit


----------


Findings from further investigations are the following:

 - **error doesn&#39;t pop on the exact same page if server returns 404 instead of 2XX**
 - error doesn&#39;t pop on local with a HTTPS certificate
 - error pops on a different server (both are OVH&#39;s), which uses a different certificate
 - error pops no matter what PHP version is used, from 5.6 to 7.3 (framework used : Cakephp 2.10)

As requested, below is the returned header for the failing ressource, which is the whole web page. Even if the error is triggering on each page having a HTTP header 200, those pages are always loading on client&#39;s browser, but sometimes an element is missing (in my exemple, the external Twitter feed). Every other asset on the Network tab has a success return, except the whole document itself. 
[![line that failed in console][1]][1]

Google Chrome header (with error):

[![Chrome header][2]][2]


Firefox header (without error):

[![Firefox header][3]][3]

A ```curl --head --http2``` request in console returns the following success:
```
HTTP/2 200 
date: Fri, 04 Oct 2019 08:04:51 GMT
content-type: text/html; charset=UTF-8
content-length: 127089
set-cookie: SERVERID31396=2341116; path=/; max-age=900
server: Apache
x-powered-by: PHP/7.2
set-cookie: xxxxx=0919c5563fc87d601ab99e2f85d4217d; expires=Fri, 04-Oct-2019 12:04:51 GMT; Max-Age=14400; path=/; secure; HttpOnly
vary: Accept-Encoding
```

----------

Trying to go deeper with the chrome://net-export/ and https://netlog-viewer.appspot.com tools is telling me the request ends with a RST_STREAM :
```
t=123354 [st=5170]    HTTP2_SESSION_RECV_RST_STREAM
                      --&gt; error_code = &quot;2 (INTERNAL_ERROR)&quot;
                      --&gt; stream_id = 1
```
For what I read in [this other post][4], &quot;*In HTTP/2, if the client wants to abort the request, it sends a RST_STREAM. When the server receives a RST_STREAM, it will stop sending DATA frames to the client, thereby stopping the response (or the download). The connection is still usable for other requests, and requests/responses that were concurrent with the one that has been aborted may continue to progress.
[...]
It is possible that by the time the RST_STREAM travels from the client to the server, the whole content of the request is in transit and will arrive to the client, which will discard it. However, for large response contents, sending a RST_STREAM may have a good chance to arrive to the server before the whole response content is sent, and therefore will save bandwidth.*&quot;

The described behavior is the same as the one I can observe. But that would mean the browser is the culprit, and then I wouldn&#39;t understand why it happens on two identical pages with one having a 200 header and the other a 404 (same goes if I disable JS).
 

  [1]: https://i.stack.imgur.com/ZkdHo.png
  [2]: https://i.stack.imgur.com/0wCrD.png
  [3]: https://i.stack.imgur.com/AAtn8.png
  [4]: https://stackoverflow.com/questions/28736463/rst-stream-frame-in-http2

What&#39;s the net::ERR_HTTP2_PROTOCOL_ERROR about?

Since the last update, I&#39;m having an error with cookies, related with SameSite attribute.

The cookies are from third party developers (Fontawesome, jQuery, Google Analytics, Google reCaptcha, Google Fonts, etc.)

The errors in the Chrome console are like this.

``` lang-none
A cookie associated with a cross-site resource at &lt;URL&gt; was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application&gt;Storage&gt;Cookies and see more details at &lt;URL&gt; and &lt;URL&gt;.
(index):1 A cookie associated with a cross-site resource at http://jquery.com/ was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application&gt;Storage&gt;Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.
(index):1 A cookie associated with a cross-site resource at http://fontawesome.com/ was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application&gt;Storage&gt;Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.
(index):1 A cookie associated with a cross-site resource at http://google.com/ was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application&gt;Storage&gt;Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.
(index):1 A cookie associated with a cross-site resource at https://google.com/ was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application&gt;Storage&gt;Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.
(index):1 A cookie associated with a cross-site resource at https://www.google.com/ was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application&gt;Storage&gt;Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.
(index):1 A cookie associated with a cross-site resource at http://www.google.com/ was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application&gt;Storage&gt;Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.
(index):1 A cookie associated with a cross-site resource at http://gstatic.com/ was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application&gt;Storage&gt;Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.
````

Is there anything I need to do in my local machine or server or is just some feature they should implement in future releases of their libraries?

SameSite warning Chrome 77

I try to get my local development in Chrome back running, but Chrome prevents that, with the message that the certificate is invalid. Even though it could not be the date of the certificate, as you can see in the screenshot of it:

[![enter image description here][1]][1]

I just wonder why there is no advanced &gt; option to proceed anyway to see the website and being able to locally develop the app.

A few more things to mention:

 - The local development runs on
   https://local.app.somecompany.com:4200/. It can&#39;t be just localhost,
   because otherwise our authentication http-only cookies won&#39;t work in
   Chrome.
 - Therefore the host file under etc/hosts was adjusted to
   point to the localhost IP adress (127.0.0.1).
 - The certificate was
   generated with openssl according to this [tutorial][2] and this
   [repo][3]
 - The certificate works for a colleague with the exact same
   Chrome version but with a MacOS version 10.14.6 (mine right now is
   MacOS 10.15.1)
 - The chrome flag(chrome://flags/#allow-insecure-localhost) does not change anything
 - Also works in firefox on my laptop.

Can&#39;t find anything online that helped me to solve this so far, so I would be extremly thankful, if anyone has some more ideas what I could try!?


Specs:

 - OS: MacOS 10.15.1
 - Chrome: 78.0.3904.97

  [1]: https://i.stack.imgur.com/EDHew.png
  [2]: https://medium.com/@rubenvermeulen/running-angular-cli-over-https-with-a-trusted-certificate-4a0d5f92747a
  [3]: https://github.com/RubenVermeulen/generate-trusted-ssl-certificate

No “Proceed Anyway” option on NET::ERR_CERT_INVALID in Chrome on MacOS

### My code

```lang-html
&lt;html&gt;
  &lt;head&gt;
    &lt;!-- Load TensorFlow.js --&gt;
    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/@tensorflow/tfjs&quot;&gt;&lt;/script&gt;
    &lt;!-- Load Posenet --&gt;
    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/@tensorflow-models/posenet&quot;&gt;&lt;/script&gt;
 &lt;/head&gt;

  &lt;body&gt;
    &lt;img id=&#39;cat&#39; src=&#39;./pose/images/aa_085.jpg&#39;/&gt;
  &lt;/body&gt;
  &lt;!-- Place your code in the script tag below. You can also use an external .js file --&gt;
  &lt;script&gt;
    var flipHorizontal = false;

    var imageElement = document.getElementById(&#39;cat&#39;);

    posenet.load().then(function(net) {
      const pose = net.estimateSinglePose(imageElement, {
        flipHorizontal: true
      });
      return pose;
    }).then(function(pose){
      console.log(pose);
    })
  &lt;/script&gt;
&lt;/html&gt;
```

I rarely use HTML and JavaScript and almost forget the most fundamentals. What is the error? 

### Error information

&gt; [DevTools][1] failed to load SourceMap: Could not load content for https://cdn.jsdelivr.net/npm/@tensorflow/tf.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

  [1]: https://developers.google.com/web/tools/chrome-devtools/



How to fix the &quot;DevTools failed to load SourceMap: Could not load content&quot; error when adding a JavaScript library?

I created a simple webpack based project to learn snabbdom. Everything was OK except that sourcemap failed loading:

[![enter image description here][1]][1]

I don&#39;t know whose issue(webpack, chrome) it is. Is there anyone who know it?

Reproduction steps:

    git clone https://github.com/tomwang1013/snabbdom-test.git
    npm install
    npm run dev


  [1]: https://i.stack.imgur.com/c9Pws.png

DevTools failed to load SourceMap for webpack:///node_modules//....js.map HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME

Stetho and Google Chrome DevTools have become unusable after a macOS update (I doubt that macOS update is the origin of this bug, but I prefer to mention it).

Here is the appearance of DevTools after the open of &quot;inspect mode&quot; on a device (provided by Facebook Stetho library for Android &amp; OKHttp).

![DevTools window](https://i.stack.imgur.com/8AK7W.png)


There are no longer &quot;CSS&quot; stylesheets on the page and fonts have changed.
Many tab pages aren&#39;t displayed (i.e. Network Requests), I only have access to some error messages :

```
There were 84 bytes that were not consumed while processing request 4
There were 84 bytes that were not consumed while processing request 5
There were 84 bytes that were not consumed while processing request 6
Failed to clear temp storage: undefined
```

I followed instructions on this issue : https://stackoverflow.com/questions/31358446/failed-to-clear-temp-storage/35172470 and this one : https://stackoverflow.com/questions/36850053/failed-to-clear-temp-storage-securityerror-in-chrome?noredirect=1&amp;lq=1 but I haven&#39;t been able to fix the problem. 

Here is what I tried :
 - Uninstall and reinstall Chrome with AppCleaner
 - Remove chrome cache from disk
 - Remove chrome profiles from `~/Library/Application\ Support/Google/Chrome`
 - Create and use a new Chrome profile
 - Try to connect on Firefox distant debug (unfonctionnal)
 - Restart system

Have any of you ever encountered this problem ?
Thanks !



Chrome DevTools broken - Stetho unusable

[![enter image description here][1]][1]


  [1]: https://i.stack.imgur.com/IMpmj.png

Does anyone know what this purple area represent?

Content Type	Original Author	Original Content on Stackoverflow
Question	Ubeogesh	View Question on Stackoverflow
Solution 1 - Google Chrome	jms	View Answer on Stackoverflow
Solution 2 - Google Chrome	GZH	View Answer on Stackoverflow
Solution 3 - Google Chrome	Mikko Ohtamaa	View Answer on Stackoverflow
Solution 4 - Google Chrome	Takashi Toyoshima	View Answer on Stackoverflow

Chrome not showing OPTIONS requests in Network tab

Google Chrome Problem Overview

Google Chrome Solutions

Solution 1 - Google Chrome

Solution 2 - Google Chrome

Solution 3 - Google Chrome

Solution 4 - Google Chrome

In TypeScript, what do "extends keyof" and "in keyof" mean?

UserWarning: Could not import the lzma module. Your installed Python is incomplete

Attributions