I searched for the XPath of the element instead and it worked:

`//*[@class=&quot;item&quot;]`

Late answer but pretty sure `.item` would&#39;ve worked.

Search bar only supports string, CSS selectors or XPath selectors. 

I recommend you use CSS selectors: `[class=&quot;item&quot;]`

This seems like it might be a bug. You can report it on http://crbug.com.

If you were to search for &#39;item&#39; you should be able to find the elements that have the class item on them.

Dayuloli&#39;s fix is a good one, you can also just search for `&quot;item&quot;` although that won&#39;t work if there are multiple classes on that element.

I have a pandas df and would like to accomplish something along these lines (in SQL terms):

    SELECT * FROM df WHERE column1 = &#39;a&#39; OR column2 = &#39;b&#39; OR column3 = &#39;c&#39; etc.

Now this works, for one column/value pair:

    foo = df.loc[df[&#39;column&#39;]==value]

However, I&#39;m not sure how to expand that to multiple column/value pairs.

 - To be clear, each column matches a different value.

How to implement a Boolean search with multiple columns in pandas

Given a Django model with a [JSONField][1], what is the correct way of serializing and deserializing it using [Django Rest Framework][2]?

I&#39;ve already tried crating a custom `serializers.WritableField` and overriding `to_native` and `from_native`:

    from json_field.fields import JSONEncoder, JSONDecoder
    from rest_framework import serializers

    class JSONFieldSerializer(serializers.WritableField):
        def to_native(self, obj):
        return json.dumps(obj, cls = JSONEncoder)
    	
        def from_native(self, data):
            return json.loads(data, cls = JSONDecoder)


But when I try to updating the model using `partial=True`, all the floats in the JSONField objects become strings.

  [1]: https://github.com/bradjasper/django-jsonfield
  [2]: http://www.django-rest-framework.org/

Django Rest Framework and JSONField

On this website, there&#39;s a `div` with the attribute `class=&quot;item&quot;`. When I clicked &lt;kbd&gt;F12&lt;/kbd&gt; to bring up the Developer Tools. I pressed &lt;kbd&gt;Ctrl&lt;/kbd&gt; + &lt;kbd&gt;F&lt;/kbd&gt; and typed in `class=&quot;item&quot;` and no results came back. I also tried &lt;kbd&gt;Ctrl&lt;/kbd&gt; + &lt;kbd&gt;Shift&lt;/kbd&gt; + &lt;kbd&gt;F&lt;/kbd&gt; but nothing returned. Here is a screenshot:

![enter image description here][1]

Even if I search for `class=`, only text within HTML comments are found. [Thanks in advance for any help you are able to provide.][2]


  [1]: http://i.stack.imgur.com/b8kNC.png
  [2]: https://english.stackexchange.com/a/49224/46898

Searching for HTML elements in Chrome DevTools

On this website, there's a <code>div</code> with the attribute <code>class="item"</code>. When I clicked <kbd>F12</kbd> to bring up the Developer Tools. I pressed <kbd>Ctrl</kbd> + <kbd>F</kbd> and typed in <code>class="item"</code> and no results came back. I also tried <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>F</kbd> but nothing returned. Here is a screenshot:
<img src="http://i.stack.imgur.com/b8kNC.png" alt="enter image description here">
Even if I search for <code>class=</code>, only text within HTML comments are found. <a href="https://english.stackexchange.com/a/49224/46898" target="_blank" rel="noopener noreferrer">Thanks in advance for any help you are able to provide.</a>

When I use the Developer Tools in Chrome to collect JavaScript CPU Profiles, I am getting two mysterious warnings on functions:

 - Not optimized: optimized too many times
 - Not optimized: inlining bailed out

What do these actually mean? and what are some possible solutions?

Another one I&#39;ve seen is *Not optimized: TryCatchStatement*, but that makes sense. Solution is to remove the try-catch.

The closest attempt at an explanation I&#39;ve found so far was this - https://github.com/GoogleChrome/devtools-docs/issues/53

What do the &quot;Not optimized&quot; warnings in the Chrome Profiler mean?

How can I verify my XPath?

I am using Chrome Developers tool to inspect the elements and form my XPath. I verify it using the Chrome plugin XPath Checker, however it does not always give me the result. What is a better way to verify my XPath.

I have also tried using Firebug to inspect the bug and also using the FirePath to verify. But does Firepath also verify the XPath.

My last option would be to use the Selenium WebDriver to confirm my XPath. 

How to verify an XPath expression in Chrome Developers tool or Firefox&#39;s Firebug?

I often want to view the styles of an element that appears only when dragging or when the mouse is clicked (`mousedown` event). How can I view the element&#39;s style using Google Chrome&#39;s developer tools?

Chrome: Inspect elements that appear only when dragging

I have this problem. Chrome continues to return this error 

&gt; Resource interpreted as stylesheet but transferred with MIME type text/html

The files affected by this error are just the Style, chosen and jquery-gentleselect (other CSS files that are imported in the index in the same way work well and without error). I&#39;ve already checked my MIME type and text/css is already on CSS.

Honestly I&#39;d like to start by understanding the problem (a thing that seems I cannot do alone).


Resource interpreted as stylesheet but transferred with MIME type text/html (seems not related with web server)

I&#39;m building a web server and trying to test things.  The server is running on `localhost:888`, and the first time I load the web app, everything works.  But if I try to reload the page, a bunch of `XmlHttpRequest` requests fail with `net::ERR_FAILED`.  By putting breakpoints in the server code, I can verify that the requests are never actually coming in.

This isn&#39;t a connection failure, as the connection succeeds the first time.  The fact that it succeeds once and then fails later implies that it might be caching-related, but there&#39;s nothing in the server code that sets the `cache-control` header.  So I tested it by putting the server up on an actual web server.  The first time, everything had to take its time loading; the second time, it all loaded instantly, so this is definitely cache-related

This is a custom server running on top of `http.sys` (no IIS), and it appears that things are getting cached by default and then failing to load from it on subsequent runs, but only when my server is running on localhost; on the Web, it works fine.  As near as I can tell, `net::ERR_FAILED` is a generic &quot;something went wrong and we&#39;ve got no useful information for you&quot; message in Chrome, so I&#39;m kind of stuck here.  Does anyone know what could be causing this?

What can cause Chrome to give an net::ERR_FAILED on cached content against a server on localhost?

I have a UISearchBar part of a UISearchDisplayController that is used to display search results from both local CoreData and remote API.
What I want to achieve is the &quot;delaying&quot; of the search on the remote API. Currently, for each character typed by the user, a request is sent. But if the user types particularly fast, it does not make sense to send many requests: it would help to wait until he has stopped typing. 
Is there a way to achieve that? 

Reading the [documentation][1] suggests to wait until the users explicitly taps on search, but I don&#39;t find it ideal in my case.

&gt; Performance issues. If search operations can be carried out very
&gt; rapidly, it is possible to update the search results as the user is
&gt; typing by implementing the searchBar:textDidChange: method on the
&gt; delegate object. However, if a search operation takes more time, you
&gt; should wait until the user taps the Search button before beginning the
&gt; search in the searchBarSearchButtonClicked: method. Always perform
&gt; search operations a background thread to avoid blocking the main
&gt; thread. This keeps your app responsive to the user while the search is
&gt; running and provides a better user experience.

Sending many requests to the API is not a problem of local performance but only of avoiding too high request rate on the remote server.

Thanks


  [1]: https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/UIKitUICatalog/UISearchBar.html#//apple_ref/doc/uid/TP40012857-UISearchBar

How to throttle search (based on typing speed) in iOS UISearchBar?

I can search exact matches from Google by using quotes like `&quot;system &lt;&lt;-&quot;`. 

How can I do the same thing for GitHub?

How to search on GitHub to get exact string matches, including special characters

I&#39;m trying to find documents where a field starts with a value.

Table scans are disabled using [notablescan][1].

This works:

    db.articles.find({&quot;url&quot; : { $regex : /^http/ }})

This doesn&#39;t:

    db.articles.find({&quot;source.homeUrl&quot; : { $regex : /^http/ }})

I get the error:

    error: { &quot;$err&quot; : &quot;table scans not allowed:moreover.articles&quot;, &quot;code&quot; : 10111 }

There are indexes on both `url` and `source.homeUrl`:

    {
    	&quot;v&quot; : 1,
    	&quot;key&quot; : {
    		&quot;url&quot; : 1
    	},
    	&quot;ns&quot; : &quot;mydb.articles&quot;,
    	&quot;name&quot; : &quot;url_1&quot;
    }
    
    {
    	&quot;v&quot; : 1,
    	&quot;key&quot; : {
    		&quot;source.homeUrl&quot; : 1
    	},
    	&quot;ns&quot; : &quot;mydb.articles&quot;,
    	&quot;name&quot; : &quot;source.homeUrl_1&quot;,
    	&quot;background&quot; : true
    }

Are there any limitations with regex queries on subdocument indexes?

  [1]: http://docs.mongodb.org/manual/reference/parameters/#param.notablescan

Can I do a MongoDB &quot;starts with&quot; query on an indexed subdocument field?

Since I implented app compat my searchview doesn&#39;t work anymore:

     Process: com.laurenswuyts.witpa, PID: 26666
        java.lang.NullPointerException: Attempt to invoke virtual method &#39;void android.support.v7.widget.SearchView.setSearchableInfo(android.app.SearchableInfo)&#39; on a null object reference
                at com.laurenswuyts.witpa.Activities.Events.EventActivity.onCreateOptionsMenu(EventActivity.java:75)
                at android.app.Activity.onCreatePanelMenu(Activity.java:2820)
                at android.support.v4.app.FragmentActivity.onCreatePanelMenu(FragmentActivity.java:275)
                at android.support.v7.app.ActionBarActivity.superOnCreatePanelMenu(ActionBarActivity.java:276)
                at android.support.v7.app.ActionBarActivityDelegate$1.onCreatePanelMenu(ActionBarActivityDelegate.java:79)
                at android.support.v7.widget.WindowCallbackWrapper.onCreatePanelMenu(WindowCallbackWrapper.java:49)
                at android.support.v7.internal.app.ToolbarActionBar.populateOptionsMenu(ToolbarActionBar.java:459)
                at android.support.v7.internal.app.ToolbarActionBar$1.run(ToolbarActionBar.java:69)
                at android.os.Handler.handleCallback(Handler.java:739)
                at android.os.Handler.dispatchMessage(Handler.java:95)
                at android.os.Looper.loop(Looper.java:135)
                at android.app.ActivityThread.main(ActivityThread.java:5221)
                at java.lang.reflect.Method.invoke(Native Method)
                at java.lang.reflect.Method.invoke(Method.java:372)
                at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:899)
                at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:694)

So nullpointer for searchview while I have it:
    
    @Override
        public boolean onCreateOptionsMenu(Menu menu) {
            MenuInflater inflater = getMenuInflater();
            inflater.inflate(R.menu.event_main, menu);
    
            // Get the SearchView and set the searchable configuration
            // Associate searchable configuration with the SearchView
            SearchManager searchManager =
                    (SearchManager) getSystemService(Context.SEARCH_SERVICE);
            SearchView searchView =
                    (SearchView) menu.findItem(R.id.action_search).getActionView();
            searchView.setSearchableInfo(
                    searchManager.getSearchableInfo(getComponentName()));
    
    
            return super.onCreateOptionsMenu(menu);
        }

And in my menu I have this:

    &lt;!-- Search Widget --&gt;
      &lt;item android:id=&quot;@+id/action_search&quot;
          android:title=&quot;@string/action_search&quot;
          android:icon=&quot;@drawable/ic_action_search&quot;
          app:showAsAction=&quot;always&quot;
          android:actionViewClass=&quot;android.support.v7.widget.SearchView&quot;/&gt;

I have no idea why it doesn&#39;t work anymore but it happened since I started using app compat 21.

Regards,

Searchview doesn&#39;t work since app compat

I know that is used to search : &lt;kbd&gt;Ctrl+Shift+F&lt;/kbd&gt; or Edit | Find | Find in Path
and it worked before, but now always returns the empty set, although I know that what I&#39;m looking for - there is in the project

Maybe someone had this problem?

WebStorm: search does not work

Using Google Chrome&#39;s DevTools Mobile Emulation, it seems that the touch scroll is not working.

See this test: http://codepen.io/dstj/pen/Datcw

Scrolling works on both an iPad 3&#39;s Safari and Android 4.2&#39; Chrome, but does not work in Google DevTools with Touch Screen Emulation.

Another difference I see is that scrollbars appear on DevTools, but not on tablets...

Any ideas why?

Note: Using Chrome Version 33.0.1750.154 m

Chrome DevTools Mobile Emulation scroll not working

I have an old web application I have to support (which I did not write).

When I fill out a form and submit then check the &quot;Network&quot; tab in Chrome I see &quot;Request Payload&quot; where I would normally see &quot;Form Data&quot;. What is the difference between the two and when would one be sent instead of the other?

Googled this, but didn&#39;t really find any info explaining this (just people trying to get javascript apps to send &quot;Form Data&quot; instead of &quot;Request Payload&quot;.

What&#39;s the difference between &quot;Request Payload&quot; vs &quot;Form Data&quot; as seen in Chrome dev tools Network tab

I have a website of which I want to copy an HTML code from - **how do I copy all the text in inspect element** - so I don&#39;t get the website&#39;s HTML code, but the code that I have already changed so that I don&#39;t have elements I don&#39;t want in my own webpage?

Copying HTML code in Google Chrome&#39;s inspect element

I&#39;m using Chrome and my own website.

### What I know from the inside:

 **1**) I have a form where people sign up by clicking this orange image-button:

![enter image description here][1]

 **2**) I inspect it, and this is all it is:
`&lt;img class=&quot;formSend&quot; src=&quot;images/botoninscribirse2.png&quot;&gt;`

 **3**)  At the top of the source code, there are tons of script sources. I know which one the button calls because I coded it: `&lt;script src=&quot;js/jquery2.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;`

 **4**)  Within that file, you could find: `$(&quot;.formSend&quot;).click(function() { ... });` which is what is triggered by the button (to do a fairly complex form validation and submit) and **what I want is to be able to find that** using chrome dev tools on any website.

## How can I find out where does the element call?


Listeners tab didn&#39;t work for me. So then I tried looking the click event listeners, which seemed like a safe bet to me but... there&#39;s no `jquery2.js` in there (and I wouldn&#39;t really know which file the code is so I&#39;d waste time checking all these...):

![enter image description here][2]


My `$(&quot;.formSend&quot;).click(function() { ... });` function within `jquery2.js` file is not there.

[Jesse][3] explains **why**:

&gt; *&quot;Finally, the reason why your function is not directly bound to the click event handler is because jQuery returns a function that gets bound. jQuery&#39;s function, in turn, goes through some abstraction layers and checks, and somewhere in there, it executes your function.&quot;*

--------

As suggested by some of you I&#39;ve collected the methods that worked [in one answer down below][4].


  [1]: http://i.stack.imgur.com/U2BoA.png
  [2]: http://i.stack.imgur.com/eUevQ.png
  [3]: https://stackoverflow.com/users/238722/jesse
  [4]: https://stackoverflow.com/a/25818251/2495341

How to find what code is run by a button or element in Chrome using Developer Tools

For some reason device emulation mode is not reading my media queries. It works on other sites including my own sites that I made with bootstrap, but it&#39;s not working on media queries I am using from scratch (clicking the media queries button turns the button blue but no media queries are displayed). Test file below. Is this a bug in Chrome or is there something I need to change in my file?


    &lt;!DOCTYPE html&gt;
    &lt;!--
	Media Queries Example 1
	Sam Scott, Fall 2014
    --&gt;
    &lt;html&gt;
	&lt;head&gt;
		&lt;title&gt;MQ Example 1&lt;/title&gt;
		&lt;meta charset=&quot;UTF-8&quot;&gt;
        &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
		&lt;style&gt;
			body { font-family: sans-serif; }
			h1 { color: red; } 
			h2 { color:blue; }
			p { color:green; }
			
			@media (max-width: 768px) and (min-width: 481px) {
				h1 { color: green; } 
				h2 { color:red; }
				p { color:blue; }
			}
			
			@media (max-width:479px), print { 
				h1,h2,p { color:black; }
			}
			
			@media print {
				body { font-family: serif; }
			}
			

		&lt;/style&gt;
	&lt;/head&gt;
	&lt;body&gt;
		&lt;h1&gt;I&#39;m a first level heading&lt;/h1&gt;
		&lt;p&gt;I&#39;m a paragraph.&lt;/p&gt;
		&lt;h2&gt;I&#39;m a second level heading&lt;/h2&gt;
		&lt;p&gt;I&#39;m another paragraph.&lt;/p&gt;
	&lt;/body&gt;
    &lt;/html&gt;

Chrome Device Mode Emulation Media Queries Not Working

I am not new to this but I am unable to fix my signing identity from Xcode Version 6.2 (6C86e). When I click **fix issue** on the following message:

 ![enter image description here][1]

I get a pop up window saying:

&gt; &quot;The selected team&#39;s agent, &#39;Name Surname&#39; must agree to the latest
&gt; ios Program License Agreement.  Please visit the Member Center.
&gt; https://developer.apple.com/membercenter&quot;

I went on &quot;https://developer.apple.com&quot; and accepted the latest iOS Program agreement. This is what I can see on my legal agreements section:

![enter image description here][2]

However the message on Xcode keeps popping up.. I tried loggin in and out but it does not show me the legal agreement message anymore so I assume on their server side is accepted. I wonder if this is because **iTunes connect is temporarily unavailable**.

Any idea on how to fix this? 


  [1]: http://i.stack.imgur.com/YV3mX.png
  [2]: http://i.stack.imgur.com/7VU31.png

Unable to fix signing identity issue on Xcode

I have a query which involves getting a list of user from a table in sorted order based on at what time it was created. I got the following timing diagram from the chrome developer tools.

![timing from the chrome][1]


You can see that TTFB (time to first byte) is too high.
&lt;br/&gt;
I am not sure whether it is because of the SQL sort. If that is the reason then how can I reduce this time?
&lt;br/&gt;
Or is it because of the TTFB. I saw blogs which says that TTFB should be less (&lt; 1sec). But for me it shows &gt;1 sec. Is it because of my query or something else?
&lt;br/&gt;
I am not sure how can I reduce this time. 
&lt;br/&gt;
I am using angular. Should I use angular to sort the table instead of SQL sort? (many posts say that shouldn&#39;t be the issue)
&lt;br/&gt;
What I want to know is how can I reduce TTFB. Guys! I am actually new to this. It is the task given to me by my team members. I am not sure how can I reduce TTFB time. I saw many posts, but not able to understand properly. What is TTFB. Is it the time taken by the server?



  [1]: http://i.stack.imgur.com/LOPEF.png

How can I reduce the waiting (ttfb) time

I&#39;ve been trying to see which `srcset` image my browser is using via the browsers developer tools, but apart from using the network tab to see which image it fetches i can&#39;t tell.

 Using the network tab would usually be fine, but sometimes I&#39;ve noticed that it will fetch 2 image versions at different sizes, this would happen if one break point is at 600 and another at 900 and the browser was currently at 750px wide. 

(Ive tried this both on Chrome &amp; FireFox, and it seems chrome will pull down both images in certain cases, but FireFox seems to only ever pull down one)

The reason I want to know is I&#39;m interested if it pulls down two image srcset dose it swap between them automatically as i scale the browser window ? This is can&#39;t tell as by inspecting the element it just gives the raw html of the `img` element, not the actual `img srcset` option its using. 

Content Type	Original Author	Original Content on Stackoverflow
Question	dayuloli	View Question on Stackoverflow
Solution 1 - Google Chrome	dayuloli	View Answer on Stackoverflow
Solution 2 - Google Chrome	Amauri	View Answer on Stackoverflow
Solution 3 - Google Chrome	innomerphey	View Answer on Stackoverflow
Solution 4 - Google Chrome	jaredwilli	View Answer on Stackoverflow
Solution 5 - Google Chrome	Ben Crook	View Answer on Stackoverflow

Searching for HTML elements in Chrome DevTools

Google Chrome Problem Overview

Google Chrome Solutions

Solution 1 - Google Chrome

Solution 2 - Google Chrome

Solution 3 - Google Chrome

Solution 4 - Google Chrome

Solution 5 - Google Chrome

Django Rest Framework and JSONField

How to implement a Boolean search with multiple columns in pandas

Attributions