The filter option is quite powerful, but it&#39;s limited to only using AND (conjunction). So simple workaround would be to use negatives...
For instance, in your case you could create a filter like this: 

&gt; -method:GET -method:OPTIONS -method:PUT

This should filter out most of the requests. If you have other offending HTTP verbs you can easily add them.

Like me, I&#39;m guessing many people came to this thread and don&#39;t necessarily need to filter to both POST and PATCH. That said, you can just use the filter like this to filter to POST requests:

On the Network Tab, in the filter box, type in: 

    method:POST

Unfortunately, you can&#39;t filter on multiple HTTP methods, or multiple pre-defined filters in general, such as using both `method` and `domain`. 

You also can&#39;t mix a pre-defined filter and a normal text based one, as I discovered when answering [How to filter by both text and property in Chrome DevTool&#39;s network panel?][1]

You will have to filter one at a time, or alternatively if there&#39;s a lot of requests, you could export the HAR and filter based on the JSON output. I gave an example of parsing the JSON [here][2] if that helps. 

[![Export HAR][3]][3]

  [1]: https://stackoverflow.com/questions/42008959/how-to-filter-by-both-text-and-property-in-chrome-devtools-network-panel/42013782#42013782
  [2]: https://stackoverflow.com/questions/41572418/how-to-measure-how-many-tcp-connections-were-made-in-a-page/41578993#41578993
  [3]: https://i.stack.imgur.com/bNc4Y.png

I am getting the following error while running my rails app in Ubuntu server

&gt; FATAL: Listen error: unable to monitor directories for changes. Visit
&gt; https://github.com/guard/listen/wiki/Increasing-the-amount-of-inotify-watchers
&gt; for info on how to fix this.

I have followed the above GitHub page, but I was unable to write in max_user_watches which were set in 8192 and I want to set that to 524288.
in `cat /proc/sys/fs/inotify/max_user_watches` the file was in only read mode.I tried to grant write permissions, but I was getting permission denied error even with root access.

Thanks in Advance!!! 


Listen error: unable to monitor directories for changes

I&#39;ve created a Kubernetes cluster on AWS with [kops](https://github.com/kubernetes/kops) and can successfully administer it via `kubectl` from my local machine.

I can view the current config with `kubectl config view` as well as directly access the stored state at `~/.kube/config`, such as:


    apiVersion: v1
    clusters:
    - cluster:
        certificate-authority-data: REDACTED
        server: https://api.{CLUSTER_NAME}
      name: {CLUSTER_NAME}
    contexts:
    - context:
        cluster: {CLUSTER_NAME}
        user: {CLUSTER_NAME}
      name: {CLUSTER_NAME}
    current-context: {CLUSTER_NAME}
    kind: Config
    preferences: {}
    users:
    - name: {CLUSTER_NAME}
      user:
        client-certificate-data: REDACTED
        client-key-data: REDACTED
        password: REDACTED
        username: admin
    - name: {CLUSTER_NAME}-basic-auth
      user:
        password: REDACTED
        username: admin


I need to enable other users to also administer. This [user guide](https://kubernetes.io/docs/user-guide/sharing-clusters/) describes how to define these on another users machine, but doesn&#39;t describe how to actually create the user&#39;s credentials within the cluster itself. How do you do this?

Also, is it safe to just share the `cluster.certificate-authority-data`?


How to Add Users to Kubernetes (kubectl)?

In the Chrome browser - Chrome developer tools - Network - I can show only POST requests by putting &quot;method:POST&quot; in the Filter search box.
What filter should I use in order to see both PATCH and POST requests?

Chrome developer tools - Network - how to filter only POST and PATCH requests?

<p>In the Chrome browser - Chrome developer tools - Network - I can show only POST requests by putting "method:POST" in the Filter search box.
What filter should I use in order to see both PATCH and POST requests?</p>


I&#39;m trying to implement the Facebook&#39;s logout functionality in my project. Login works just fine. But I&#39;m facing the getting the following message in JavaScript console with the logout code.

&gt; [Violation] Long running JavaScript task took 318ms session.php:51  1
&gt; sdk.js:135 
&gt; 
&gt; [Violation] Handler took 83ms of runtime (50ms allowed)

I&#39;ve tried to search for other similar threads and those solutions didn&#39;t work out for me. I tried removing parts of my code and see which part is giving problem. Its quite clear that its getting the error due to Facebook&#39;s JS SDK as seen in the message. I&#39;ve also disabled all of my Chrome extensions.

The code **works fine in Firefox** but **not in Chrome, nor in Opera**. Is there any method for me to extend this timeout duration? Or any other method to fix this issue in chrome. Here is my code for logout.

    &lt;?php
    	session_start();
    	//echo $_SESSION[&quot;current_user&quot;];
    	//echo $_COOKIE[&quot;current_user&quot;];
    	session_destroy();
    	unset($_COOKIE[&quot;current_user&quot;]);
    	setcookie(&quot;current_user&quot;,&quot;&quot;,time() -3600, &quot;/&quot;,&quot;&quot;, 0);
    	//header(&quot;location: login.php&quot;);
    ?&gt;

    &lt;!doctype html&gt;

    &lt;html&gt;
    &lt;head&gt;
    &lt;/head&gt;
    &lt;body&gt;
    
    &lt;script&gt;
    
    	// Default settings
    	window.fbAsyncInit = function() {
    		FB.init({
    			appId      : &#39;&lt;app-id&gt;&#39;,
    			cookie     : true,
    			xfbml      : true,
    			version    : &#39;v2.8&#39;
    		});
    		FB.AppEvents.logPageView();   
    	};
    
    	(function(d, s, id){
    		var js, fjs = d.getElementsByTagName(s)[0];
    		if (d.getElementById(id)) {return;}
    		js = d.createElement(s); js.id = id;
    		js.src = &quot;//connect.facebook.net/en_US/sdk.js&quot;;
    		fjs.parentNode.insertBefore(js, fjs);
    	}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
    
    	window.onload = function(){
    		logout();
    	}
    	function logout(){
    		console.log(&quot;1&quot;);
    		FB.getLoginStatus(function(response) {
    		if (response.status === &#39;connected&#39;) {
    			FB.logout();
    			console.log(&quot;2&quot;);
    			window.location=&quot;login.php&quot;;
    			console.log(&quot;3&quot;);
    		}
    		else{
    			console.log(&quot;4&quot;);
    			window.location=&quot;login.php&quot;;
    			console.log(&quot;5&quot;);
    		}
    		});
    	}
    &lt;/script&gt;
    &lt;/body&gt;
    &lt;/html&gt;

For obvious reasons I&#39;ve removed the App-Id from the code. Any help is appreciated. :)

Chrome violation : [Violation] Handler took 83ms of runtime

Google Chrome is ignoring the settings in `C:/Windows/System32/drivers/etc/hosts` file.  Both IE11 and Firefox are installed on the same machine and work as expected.

I&#39;ve tried all the solutions I could find online including:

 1. Open `chrome://net-internals/#dns` and click the Clear Hosts Cache button.
 2. Go in Settings, Show Advanced Settings and uncheck the following three options:  (X) Use a web service to help resolve navigation errors (X) Use a prediction service to help complete searches and URLs typed in the address bar (X) Use a prediction service to load pages more quickly
 3. Go in Settings, Show Advanced Settings, click the Clear Browsing Data button, selected Cached Images And Files from the beginning of time, and click Clear Browsing Data.
 4. Restart Chrome.exe.
 5. Restart the computer.
 6. Make sure to add `http://` to the front of the web address.
 7. Make sure proxy settings are turned off
 8. Run `cmd.exe` and run `ipconfig /flushdns`
 9. Uninstall and reinstall Chrome

I&#39;m at a loss... Is there anything I missed that I can try or check?

Google Chrome Ignoring Hosts File

When debugging a web application in Visual Studio is it possible to get it to launch in an existing tab of an existing instance of Chrome rather than in a new window when clicking the Launch in Chrome button [![launch in Chrome][1]][1]?

  [1]: https://i.stack.imgur.com/HyysO.png

Open site in new tab of existing Chrome instance when debugging

I hope I won&#39;t make a fool of myself but I&#39;m trying to understand what is happening in those two lines of code:

    document.body.innerHTML = &#39;something&#39;;
    alert(&#39;something else&#39;);

What I am observing is that alert shows before HTML has been updated (or maybe it has but the page hasn&#39;t been refreshed/repainted/whatever)

Checkout this [codepen][1] to see what I mean.

Please note that even putting `alert` in `setTimeout(..., 0)` does not help. Looks like it takes more event loops for `innerHTML` to actually update page. 

EDIT:

I forgot to mention I am using Chrome and did not check other browsers. Looks like it&#39;s only visible in Chrome. Nevertheless I am still interested why is that happening.


  [1]: http://codepen.io/anon/pen/NpzqQJ

Is innerHTML asynchronous?

Recently, Chrome has stopped working with my self signed SSL certs, and thinks they&#39;re insecure. When I look at the cert in the `DevTools | Security` tab, I can see that it says

&gt; Subject Alternative Name Missing The certificate for this site does
&gt; not contain a Subject Alternative Name extension containing a domain
&gt; name or IP address.
&gt; 
&gt; Certificate Error There are issues with the site&#39;s certificate chain
&gt; (net::ERR_CERT_COMMON_NAME_INVALID).

How can I fix this?


  [1]: https://i.stack.imgur.com/4wjHf.png

Invalid self signed SSL cert - &quot;Subject Alternative Name Missing&quot;

I&#39;m trying to inspect websocket traffic using Chrome Developer Tools. From my research it seems you *should* be able to see it using the network tab - and it even has a filter for &#39;ws&#39;. 

However I&#39;ve been inspecting sites that I know are using websockets and can&#39;t find a way to inspect the messages being sent back and forth. Using Chrome v56, also tried Safari with no luck... 

Does anyone know how this can be achieved?

How do you inspect websocket traffic with Chrome Developer Tools?

I&#39;m developing a pinch zoom feature for a mobile app written in javascript and I want to test this in Google Chrome with the mobile device emulation feature. But I cannot find a way to test a pinch gesture.

I tried everything I could find on the internet (pressing Shift and moving the mouse, pressing Alt and moving the mouse), but none of this worked. Is there even a &quot;native&quot; way in Google Chrome to simulate a pinch zoom gesture?

btw I&#39;m using the MacOs version of Google Chrome version 59.0.3071.86

How to simulate pinch zoom in Google Chrome?

Ever since I upgrade from Chrome 58 =&gt; 59 on Mac OS El Capitan, when I use Dev Tools Network inspector to view WebSocket frames, the frames no longer are visible.  We build an app that makes heavy use of WS, so I rely heavily on this capability.

I thought perhaps it was something maybe we changed in our app -- encoding or protocol that maybe causes it to not show up, so I tried this simple test here: https://websocket.org/echo.html

1. Open DevTools
2. Go to https://websocket.org/echo.html
3. Go to Network tab, filter on WS, go to Frames tab
4. Click Connect in echo app followed by Send Message

This results in no frames showing up in DevTools, but the socket messages work fine with the app.  I&#39;ve asked a few other people and some of them do not have this problem.

I&#39;m wondering if I either have an extension that is causing this issue, or if I have some other arcane setting that might be blocking the frames from displaying?

[![enter image description here][1]][1]


  [1]: https://i.stack.imgur.com/dUrZQ.png

Chrome 59+ websocket frames no longer visible in DevTools

The Coverage tool is good at finding used and unused code.  However, there doesn&#39;t appear to be a way to save or export only the used code.  Even hiding unused code would be helpful.

I&#39;m attempting to reduce the amount of Bootstrap CSS in my application; the file is more than 7000 lines.  The only way to get just the used code is to carefully scroll thru the file, look for green sections, then copy that code to a new file.  It&#39;s time-consuming and unreliable.

Is there a different way?  Chrome 60 does not seem to have added this functionality.

Chrome Devtools Coverage: how to save or capture code used code?

I would like to know if I can tell puppeteer to wait until an element is displayed.

```javascript
const inputValidate = await page.$(&#39;input[value=validate]&#39;);
await inputValidate.click()
        
// I want to do something like that 
waitElemenentVisble(&#39;.btnNext &#39;)

const btnNext = await page.$(&#39;.btnNext&#39;);
await btnNext.click();
```

Is there any way I can accomplish this?

Content Type	Original Author	Original Content on Stackoverflow
Question	Jaxx	View Question on Stackoverflow
Solution 1 - Google Chrome	Igor	View Answer on Stackoverflow
Solution 2 - Google Chrome	Jordan Ryder	View Answer on Stackoverflow
Solution 3 - Google Chrome	Gideon Pyzer	View Answer on Stackoverflow

Chrome developer tools - Network - how to filter only POST and PATCH requests?

Google Chrome Problem Overview

Google Chrome Solutions

Solution 1 - Google Chrome

Solution 2 - Google Chrome

Solution 3 - Google Chrome

How to Add Users to Kubernetes (kubectl)?

Listen error: unable to monitor directories for changes

Attributions