Check this has everything you need

[http://www.html5rocks.com/en/mobile/fullscreen/][1]


  [1]: http://www.html5rocks.com/en/mobile/fullscreen/


The Chrome team has recently implemented a feature that tells the browser to launch the page fullscreen when the user has added it to the home screen. It is similar to the iOS Safari model.

    &lt;meta name=&quot;mobile-web-app-capable&quot; content=&quot;yes&quot;&gt;

    window.scrollTo(0,1);

this will help you but this javascript is may not work in all browsers

Let 0 &lt;= x &lt;= 1. I have two columns `f` and `g` of length 5000 respectively. Now I plot:

    plt.plot(x, f, &#39;-&#39;)
    plt.plot(x, g, &#39;*&#39;)

I want to find the point &#39;x&#39; where the curve intersects. I don&#39;t want to find the intersection of f and g. 
I can do it simply with:

    set(f) &amp; set(g)


Intersection of two graphs in Python, find the x value

While I can get the assembly version using the following code

            var assembly = typeof(App).GetTypeInfo().Assembly;
            var assemblyVersion = assembly.GetCustomAttribute&lt;AssemblyFileVersionAttribute&gt;().Version;

I would like to retrieve the Version from `Package.appxmanifest` in this case **1.0.0.4**

    &lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
    &lt;Package xmlns=&quot;http://schemas.microsoft.com/appx/2010/manifest&quot; xmlns:m2=&quot;http://schemas.microsoft.com/appx/2013/manifest&quot;&gt;
      &lt;Identity Name=&quot;zzz&quot; Publisher=&quot;CN=zzz&quot; Version=&quot;1.0.0.4&quot; /&gt;


I expected to have access to `Windows.ApplicationModel`, but this is not available to me

Retrieve the Current App version from Package

I recently developed a website that fetches mixed http/https content. Due to this, I always get the address bar displayed on top (It doesn&#39;t auto-hide like in other websites). Here&#39;s what I&#39;m talking about:  

![The Website][1]

[This][2] is the link to the website.

The content is fetched from various sources, hence filtering non-https content is not possible. And since the website is meant for reading, a non-full-screen display is painful for the reader. So, is there a way to force the auto-hide behavior? 

PS: The website uses Twitter Bootstrap, if it helps.  
PPS: I don&#39;t want to use the full-screen API, it&#39;ll be too heavy for this.


  [1]: http://i.stack.imgur.com/wRxSZm.png
  [2]: https://planetkde.org/

Force hide address bar in Chrome on Android

I recently developed a website that fetches mixed http/https content. Due to this, I always get the address bar displayed on top (It doesn't auto-hide like in other websites). Here's what I'm talking about:
<img src="http://i.stack.imgur.com/wRxSZm.png" alt="The Website">
<a href="https://planetkde.org/" target="_blank" rel="noopener noreferrer">This</a> is the link to the website.
The content is fetched from various sources, hence filtering non-https content is not possible. And since the website is meant for reading, a non-full-screen display is painful for the reader. So, is there a way to force the auto-hide behavior?
PS: The website uses Twitter Bootstrap, if it helps. 
PPS: I don't want to use the full-screen API, it'll be too heavy for this.

How do you use Webpack and AngularJS together, and how about template loading and on demand fetching of resources?

An example of a well written `webpack.config.js` file for this purpose would be very much appreciated.

All code snippets displayed here can be accessed at [this github repo][1]. Code has been generously adapted from [this packetloop git repo][2].

**webpack.config.json**



&lt;!-- language: lang-js --&gt;

    var path = require(&#39;path&#39;);
    var ResolverPlugin = require(&quot;webpack/lib/ResolverPlugin&quot;);

    var config = {
      context: __dirname,
      entry: [&#39;webpack/hot/dev-server&#39;, &#39;./app/app.js&#39;],
      output: {
        path: &#39;./build&#39;,
        filename: &#39;bundle.js&#39;
      },
      module: {
        loaders: [{
          test: /\.css$/,
          loader: &quot;style!css-loader&quot;
        }, {
          test: /\.scss$/,
          loader: &quot;style!css!sass?outputStyle=expanded&quot;
        }, {
          test: /\.jpe?g$|\.gif$|\.png$|\.svg$|\.woff$|\.ttf$/,
          loader: &quot;file&quot;
        }, {
          test: /\.html$/,
          loader: &quot;ngtemplate?relativeTo=&quot; + path.join(__dirname, &#39;app/&#39;) + &quot;!raw&quot;
        }]
      },
      // Let webpack know where the module folders are for bower and node_modules
      // This lets you write things like - require(&#39;bower/&lt;plugin&gt;&#39;) anywhere in your code base
      resolve: {
        modulesDirectories: [&#39;node_modules&#39;, &#39;lib/bower_components&#39;],
        alias: {
          &#39;npm&#39;: __dirname + &#39;/node_modules&#39;,
          &#39;vendor&#39;: __dirname + &#39;/app/vendor/&#39;,
          &#39;bower&#39;: __dirname + &#39;/lib/bower_components&#39;
        }
      },
      plugins: [
        // This is to help webpack know that it has to load the js file in bower.json#main
        new ResolverPlugin(
          new ResolverPlugin.DirectoryDescriptionFilePlugin(&quot;bower.json&quot;, [&quot;main&quot;])
        )
      ]
    };

    module.exports = config;



To import AngularJS into the main `app.js` you do the following:

**app/vendor/angular.js**



&lt;!-- language: lang-js --&gt;

    &#39;use strict&#39;;

    if (!global.window.angular) {
      require(&#39;bower/angular/angular&#39;);
    }
    var angular = global.window.angular;
    module.exports = angular;



And then use it in `app.js` like so,

**app.js**



&lt;!-- language: lang-js --&gt;


    ...
    var angular = require(&#39;vendor/angular&#39;);

    // Declare app level module
    var app = angular.module(&#39;myApp&#39;, []);

    ...



Is the following correct? Is there an easier way to do this? I&#39;ve seen a few (not a lot by any standards) posts which listed another method.

From [this reddit post comment][4]

    // Add to webpack.config.js#module#loaders array
        {
          test: /[\/]angular\.js$/,
          loader: &quot;exports?angular&quot;
        }



  There is also another plugin which is in development right now, at [stackfull/angular-seed][5]. It seems to be in the right direction, but is really really hard to use right now.

Webpack is way awesome, but the lack of documentation and samples are killing it.


  [1]: https://github.com/jibiabraham/faber-seed
  [2]: https://github.com/packetloop/angular-webpack
  [3]: https://material.angularjs.org/#/
  [4]: http://www.reddit.com/r/angularjs/comments/252z6x/what_are_best_practices_for_bundling_angularjs/chdidgy
  [5]: https://github.com/stackfull/angular-seed

What is the best practice for importing angularjs using webpack?

I am getting the below error:

    { [Error: Cannot find module &#39;../build/Release/bson&#39;] code: &#39;MODULE_NOT_FOUND&#39; } 
      js-bson: Failed to load c++ bson extension, using pure JS version

Here are my version details:

- OS: Windows 7

- MongoDB: 2.6.5

- Node: 0.12.0

I have tried these things before I posted the issue here.

1. I went to `\node-modules\mongoose\node-modules\mongodb\node-modules\bson` folder and made below change in the binding-gyp file
from `&#39;include_dirs&#39;: [ &#39;&lt;!(node -e &quot;require(\&#39;nan\&#39;)&quot;)&#39; ]`
to 
`&#39;include_dirs&#39;: [&quot;&lt;!(nodejs -p -e \&quot;require(&#39;path&#39;).dirname(require.resolve(&#39;nan&#39;))\&quot;)&quot;]`

2. Ran this command `npm install -g node-gyp`

3.  I&#39;ve updated the mongoose version to 3.8.21 inside `package.json`

Nothing works. Please suggest


Cannot find module &#39;../build/Release/bson&#39;] code: &#39;MODULE_NOT_FOUND&#39; } js-bson: Failed to load c++ bson extension, using pure JS version

I am using JavaScript and getting a problem with the statement

    console.log.bind(console)

Please tell me what does this statement actually do. I have applied this several times but it did not do anything.

What does this statement do? console.log.bind(console)

I&#39;m still new to ES6 and module loaders and I&#39;m currently looking at combining a browserify setup with ES6. I was wondering if I would still need browserify/requirejs if I&#39;m using ES6 modules. Seems like both allow you to define modules and export them? What is the difference between browserify/requirejs modules and ES6 modules?

What is the difference between browserify/requirejs modules and ES6 modules

I have added the following before end of head

    &lt;script src=&#39;https://www.google.com/recaptcha/api.js&#39;&gt;&lt;/script&gt;

I have added this before end of form

    &lt;div class=&quot;g-recaptcha&quot; data-sitekey=&quot;== xxxxxx ==&quot;&gt;&lt;/div&gt;

I can see the recaptcha similar to https://developers.google.com/recaptcha/

HOwever, when user presses data without checking the checkbox, the data is submitted. Is there any other code I need to add to check if user has pressed the checkbox? Hopefully in js?

How to check in js that user has checked the checkbox in Google recaptcha?

How does one refresh the data displayed in `RecyclerView` (calling `notifyDataSetChanged` on its adapter) and make sure that the scroll position is reset to exactly where it was? 

In case of good ol&#39; `ListView` all it takes is retrieving `getChildAt(0)`, checking its `getTop()` and calling `setSelectionFromTop` with the same exact data afterwards.

It doesn&#39;t seem to be possible in case of `RecyclerView`.

I guess I&#39;m supposed to use its `LayoutManager` which indeed provides `scrollToPositionWithOffset(int position, int offset)`, but what&#39;s the proper way to retrieve the position and the offset? 

`layoutManager.findFirstVisibleItemPosition()` and `layoutManager.getChildAt(0).getTop()`? 

Or is there a more elegant way to get the job done?

Refreshing data in RecyclerView and keeping its scroll position

I&#39;m trying to add Dagger2 to my project in Android Studio but I can&#39;t find proper dependency to paste in build.gradle. Could you help and send me the proper line?

Dagger2 dependency - Gradle

I am using Android studio 1.0.1. I have a java module referred by other modules in my project. I have checked it out from SVN But now every 

**Unsupported Modules Detected: Compilation is not supported for following modules: &lt;module-name&gt;. Unfortunately you can&#39;t have non-Gradle Java modules and Android-Gradle modules in one project.**

After getting this error AS stop compilation of this module so that I am not able to compile/run my project any more.  

Android studio Error &quot;Unsupported Modules Detected: Compilation is not supported for following modules&quot;

I am rarely getting this error while making an API call.

    java.lang.IllegalStateException: Fragment  not attached to Activity

I tried putting the code inside `isAdded()` method to check whether  fragment is currently added to its activity but still i rarely gets this error. I fail to understand why I am still getting this error. How can i prevent it?

Its showing error on the line-

    cameraInfo.setId(getResources().getString(R.string.camera_id));
Below is the sample api call that i am making.     
 

    SAPI.getInfo(getActivity(),
                    new APIResponseListener() {
                        @Override
                        public void onResponse(Object response) {
        
                      
                            cameraInfo = new SInfo();
                            if(isAdded()) {
                                cameraInfo.setId(getResources().getString(R.string.camera_id));
                                cameraInfo.setName(getResources().getString(R.string.camera_name));
                                cameraInfo.setColor(getResources().getString(R.string.camera_color));
                                cameraInfo.setEnabled(true);
                            }
        
                         
                        }
        
                        @Override
                        public void onError(VolleyError error) {
                            mProgressDialog.setVisibility(View.GONE);
                            if (error instanceof NoConnectionError) {
                                String errormsg = getResources().getString(R.string.no_internet_error_msg);
                                Toast.makeText(getActivity(), errormsg, Toast.LENGTH_LONG).show();
                            }
                        }
                    });


java.lang.IllegalStateException: Fragment not attached to Activity

I&#39;m using an interceptor, and I would like to log the body of a request I&#39;m making but I can&#39;t see any way of doing this. 

Is it possible ?

    public class LoggingInterceptor implements Interceptor {
        @Override
        public Response intercept(Chain chain) throws IOException {
            Request request = chain.request();
    
            long t1 = System.nanoTime();
            Response response = chain.proceed(request);
            long t2 = System.nanoTime();
    
            double time = (t2 - t1) / 1e6d;
    
            if (request.method().equals(&quot;GET&quot;)) {
                Logs.info(String.format(&quot;GET &quot; + F_REQUEST_WITHOUT_BODY + F_RESPONSE_WITH_BODY, request.url(), time, request.headers(), response.code(), response.headers(), response.body().charStream()));
            } else if (request.method().equals(&quot;POST&quot;)) {
                Logs.info(String.format(&quot;POST &quot; + F_REQUEST_WITH_BODY + F_RESPONSE_WITH_BODY, request.url(), time, request.headers(), request.body(), response.code(), response.headers(), response.body().charStream()));
            } else if (request.method().equals(&quot;PUT&quot;)) {
                Logs.info(String.format(&quot;PUT &quot; + F_REQUEST_WITH_BODY + F_RESPONSE_WITH_BODY, request.url(), time, request.headers(), request.body().toString(), response.code(), response.headers(), response.body().charStream()));
            } else if (request.method().equals(&quot;DELETE&quot;)) {
                Logs.info(String.format(&quot;DELETE &quot; + F_REQUEST_WITHOUT_BODY + F_RESPONSE_WITHOUT_BODY, request.url(), time, request.headers(), response.code(), response.headers()));
            }
    
            return response;
        }
    }

and the result : 


    POST  [some url] in 88,7ms
        ZoneName: touraine
        Source: Android
        body: retrofit.client.OkClient$1@1df53f05 &lt;-request.body().toString() gives me this, but I would like the content string
        Response: 500
        Date: Tue, 24 Feb 2015 10:14:22 GMT
        body: [some content] 



OkHttp how to log request body

I&#39;ve been looking everywhere for some help on making a component to help manage uploading files from within React to an endpoint I have setup.

I&#39;ve tried numerous options, including integrating [filedropjs][1]. I decided against it because I don&#39;t have control over the elements it sets up in the DOM with the `new FileDrop(&#39;zone&#39;, options);`

This is what I have so far:

    module.exports =  React.createClass({
    displayName: &quot;Upload&quot;,
    handleChange: function(e){

        formData = this.refs.uploadForm.getDOMNode();

        jQuery.ajax({
            url: &#39;http://example.com&#39;,
            type : &#39;POST&#39;,
            xhr: function(){
                var myXhr = $.ajaxSettings.xhr();
                if(myXhr.upload){
                    myXhr.upload.addEventListener(&#39;progress&#39;,progressHandlingFunction, false);
                }
                return myXhr;
            },
            data: formData,
            cache: false,
            contentType: false,
            processData: false,
            success: function(data){
                alert(data);
            }
        });

    },
    render: function(){

            return (
                &lt;form ref=&quot;uploadForm&quot; className=&quot;uploader&quot; encType=&quot;multipart/form-data&quot; onChange={this.handleChange}&gt;
                    &lt;input ref=&quot;file&quot; type=&quot;file&quot; name=&quot;file&quot; className=&quot;upload-file&quot;/&gt;
                &lt;/form&gt;
            );
       }

     });



    },
    render: function(){

        console.log(this.props.content);

        if(this.props.content != &quot;&quot;){
            return (
                &lt;img src={this.props.content} /&gt;
            );
        } else {
            return (
                &lt;form className=&quot;uploader&quot; encType=&quot;multipart/form-data&quot; onChange={this.handleChange}&gt;
                    &lt;input ref=&quot;file&quot; type=&quot;file&quot; name=&quot;file&quot; className=&quot;upload-file&quot;/&gt;
                &lt;/form&gt;
            );
        }
    }
    });

If someone could just point me in the right direction I would send some virtual hugs. I&#39;ve been working on this quite extensively. I feel like I&#39;m close, but not quite there.

Thanks!


  [1]: http://filedropjs.org

Upload File Component with ReactJS

How can I check if a variable&#39;s type is of type Boolean?

I mean, there are some alternatives such as:

    if(jQuery.type(new Boolean()) === jQuery.type(variable))
          //Do something..

But that doesn&#39;t seem pretty to me.

Is there a cleaner way to achieve this?

How to check if type is Boolean

I want to scroll to the top of the page after getting an ajax call response using angularjs. Basically, I am displaying alert messages on top of the page and I want to focus the alert message as the ajax response received.

Thanks

How to scroll to top of the page in AngularJS?

How do I get a flex box to not be part of the page until I fade it in? I used to do this with &#39;display: 0;&#39; and then use jQuery .fadeIn(). But now if I set display to 0, when I fade it in, of course I lose the flex-iness of the box. If I use jQuery to set display to flex, then it will just appear, not fade in.

HTML
----
```HTML
&lt;div class=&quot;&quot; id=&quot;popupContainer&quot;&gt;
    &lt;div class=&quot;flex-item-popup&quot; id=&quot;popup&quot;&gt;
		&lt;div class=&quot;close&quot;&gt;&lt;i class=&quot;fa fa-2x fa-times-circle&quot;&gt;&lt;/i&gt;&lt;/div&gt;
		&lt;h2&gt;&lt;/h2&gt;
		&lt;div class=&#39;text&#39;&gt;&lt;/div&gt;
		&lt;div class=&quot;videos&quot;&gt;&lt;/div&gt;
		&lt;div class=&quot;flex-container images&quot;&gt;&lt;/div&gt;
	&lt;/div&gt;
&lt;/div&gt;
```
CSS
---
```CSS
#popupContainer {
  	position: absolute;
  	left: 0;
  	top: 0;
  	width: 100%;
  	height: 100%;
	display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    align-items: center;
    z-index: 15;
}
```
jQuery
------
```JavaScript
$(document).ready(function() {
    //???
});
```

how fade in a flex box?

Bootstrap&#39;s global default font-size is 14px, with a line-height of 1.428. How can I change its default global settings?

Will I have to change bootstrap.min.css in all the multiple entries?

How to change Bootstrap&#39;s global default font size?

I created a `carousel` with `Bootstrap 3.3` and it works on my local machine, but when I upload the whole thing on server where the bootstrap js file is being compiled together with other files in a single file, I get this error:

`Cannot read property &#39;offsetWidth&#39; of undefined` - has anybody faced this and are there any known solutions to this issue?

Getting Cannot read property &#39;offsetWidth&#39; of undefined with bootstrap carousel script

Is there a way to make nested lists in twitter bootstrap look like a normal list, with the nested items simply indented (and have it work for an arbitrarily deep nesting)? By default, nested lists look like [this][1]:

![Nested lists with bootstrap][2]

    &lt;ul class=&quot;list-group&quot;&gt;
        &lt;li class=&quot;list-group-item&quot;&gt;One&lt;/li&gt;
        &lt;li class=&quot;list-group-item&quot;&gt;Two
            &lt;ul class=&quot;list-group&quot;&gt;
                &lt;li class=&quot;list-group-item&quot;&gt;Item 2a&lt;/li&gt;
                &lt;li class=&quot;list-group-item&quot;&gt;Item 2b&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li class=&quot;list-group-item&quot;&gt;Three
            &lt;ul class=&quot;list-group&quot;&gt;
                &lt;li class=&quot;list-group-item&quot;&gt;Item 3a&lt;/li&gt;
                &lt;li class=&quot;list-group-item&quot;&gt;Item 3b&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/li&gt;
    &lt;/ul&gt;

How can I make these nested lists appear like this (or in some similar way): 

![What nested lists should look like][3]

In case you missed the link above, here is the JSFiddle: https://jsfiddle.net/7o8rp0kv/1/


  [1]: https://jsfiddle.net/7o8rp0kv/1/
  [2]: http://i.stack.imgur.com/RkgsL.png
  [3]: http://i.stack.imgur.com/4ZNKL.png

Consistent Styling for Nested Lists with Bootstrap

I have all necessary files in my code and I am still getting this error:

&gt; Bootstrap&#39;s JavaScript requires jQuery version 1.9.1 or higher

This is my code:

    &lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&#39;//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js&#39;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/jquery.responsiveiframe.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/ios-orientationchange-fix.js&quot;&gt;&lt;/script&gt;

Anyone got this error before? I could try and download a local copy instead of using the CDN link but it&#39;s really unnecessary, plus i want to know why this isn&#39;t working!

EDIT: I&#39;ve tried many different libraries, the one I posted is the last one I&#39;ve tried

![enter image description here][1]

  [1]: http://i.stack.imgur.com/V7XQS.png

Bootstrap&#39;s JavaScript requires jQuery version 1.9.1 or higher

I&#39;m working on a project with this [template][1].

The template is written using AngularJs and Bootstrap-UI (bootstrap for angular) and I would like to include some Material Design elements like cards and others.

Is it possible to do that? is it recommended? 
My thing is we already love this template and way to many elements of it, but Material Design have cards, dropdown, text inputs with the label animation etc for example which are amazing.

So my question is: 

AngularJS + Bootstrap for Angular + Material Design for Angular = Awesomeness or Disaster?


  [1]: http://themeforest.net/item/angulr-bootstrap-admin-web-app-with-angularjs/8437259

Using Bootstrap for Angular and Material design for Angular together

I have been looking for a way to alter a `XHR request` made in my browser and then replay it again.

Say I have a complete `POST` request done in my browser, and the only thing I want to change is a small value and then play it again. 
This would be a lot easier and faster to do directly in the browser.

I have googled a bit around, and haven&#39;t found a way to do this in Chrome or Firefox. 

Is there some way to do it in either one of those browsers, or maybe another one?

Edit and replay XHR chrome/firefox etc?

I&#39;m building a chrome extension written in TypeScript. I&#39;m using WebStorm and I added the `chrome-DefiniteltyTyped` library in my project.

However, when I write this in my typescript code : `chrome.extension.getURL`
I got an error : `cannot find name &#39;chrome&#39;`.

Because of this, my javascript file is not generated and I cannot use it in my extension.

Do you guys have any solution?

Using chrome extension apis in typescript

I&#39;ve created a small HTML5 web application for my company.

This application displays a list of items and everything works fine.

The application is mainly used on android phones and Chrome as browser. Also, the site is saved on the home screen so Android manage the whole thing as an app (&lt;strike&gt;using a WebView I guess&lt;/strike&gt;).

Chrome &lt;strike&gt;Beta (and I think also the Android System WebView)&lt;/strike&gt; has introduced a &quot;pull down to refresh&quot; feature ([See this link for example][1]). 

This is an handy feature but I was wondering if it can be disabled with some meta tag (or javascript stuff) because the refresh can be easily triggered by the user while navigating the list and the whole app is reloaded.

Also this is a feature not needed by the application.

&lt;strike&gt;I know that this feature is still available only in Chrome beta, but I have the sensation that this is landing on the stable app, too.&lt;/strike&gt;

Thank you!

Edit: I&#39;ve uninstalled Chrome Beta and the link pinned to the home screen now opens with the stable Chrome. So the pinned links starts with Chrome and not with a webview.

Edit: today (2015-03-19) the pull-down-to-refresh has come to the stable chrome.

Edit: from @Evyn answer I follow [this link][2] and got this javascript/jquery code that work.

&lt;!-- begin snippet: js hide: true --&gt;

&lt;!-- language: lang-js --&gt;

    var lastTouchY = 0;
    var preventPullToRefresh = false;

    $(&#39;body&#39;).on(&#39;touchstart&#39;, function (e) {
        if (e.originalEvent.touches.length != 1) { return; }
        lastTouchY = e.originalEvent.touches[0].clientY;
        preventPullToRefresh = window.pageYOffset == 0;
    });

    $(&#39;body&#39;).on(&#39;touchmove&#39;, function (e) {
        var touchY = e.originalEvent.touches[0].clientY;
        var touchYDelta = touchY - lastTouchY;
        lastTouchY = touchY;
        if (preventPullToRefresh) {
            // To suppress pull-to-refresh it is sufficient to preventDefault the first overscrolling touchmove.
            preventPullToRefresh = false;
            if (touchYDelta &gt; 0) {
                e.preventDefault();
                return;
            }
        }
    });

&lt;!-- end snippet --&gt;

As @bcintegrity pointed out, I hope for a site manifest solution (and/or a meta-tag) in the future.

Moreover suggestions for the code above are welcome.

  [1]: http://www.phonearena.com/news/Chrome-Beta-for-Android-updated-with-a-quite-handy-pull-down-to-refresh-feature_id65360
  [2]: http://jsbin.com/qofuwa/2/quiet

Disabling android&#39;s chrome pull-down-to-refresh feature

I&#39;ve a following network log in chrome:

![network log][1]

I don&#39;t understand one thing in it: what&#39;s the difference between filled gray bars and transparent gray bars.

  [1]: http://i.stack.imgur.com/IJXd5.png

Understanding Chrome network log &quot;Stalled&quot; state

I&#39;m on Chrome Version 41.0.2272.101 m (newest), and this update is messed up. They put it, when you have inspector open, that any DOM change will flash with purple on the changed element (like in Firefox), but now I cannot inspect any hovered object (also like in FF, which is why I don&#39;t like to use it when doing front end developing).

I&#39;m talking about js triggered events, like superfish for instance. Before, I could hover the menu, and cover the menu with the inspector, and the menu would stay opened, and I could go in the inspector see what pseudoelements are created, change the paddings and such directly, and see the change. Now, when I hover the menu, and right click to inspect it, the menu closes, and I cannot inspect it!

I tried dragging the inspector over, but nothing helped. This new &#39;feature&#39; is annoying as hell. Is there a way to inspect js triggered events, without putting break points on elements (which works, but is kinda pain in the ass)?

Content Type	Original Author	Original Content on Stackoverflow
Question	Ranveer	View Question on Stackoverflow
Solution 1 - Javascript	Dimger	View Answer on Stackoverflow
Solution 2 - Javascript	devendermahto	View Answer on Stackoverflow

Force hide address bar in Chrome on Android

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Retrieve the Current App version from Package

Intersection of two graphs in Python, find the x value

Attributions