Chrome developer tools has limited support for emulating different device states:

* Default browser UI
* With Chrome navigation bar
* With opened keyboard

According to the [documentation][d], such feature is only available when emulating *“supported devices like the Nexus 5X”*.

The complete list of emulated devices that support this feature can be found at [Chromium devtools-frontend source-code][g] ([mirror on GitHub][gh]). **Currently, it is only supported by**:

* Nexus 5
* Nexus 5X

Note that the emulated keyboard and navigation bar are just static pictures (as you can see at the source-code directory) and don&#39;t contain any interactive behavior. It is a good enough way to simulate the screen size, but it is not a perfect emulation.

[![Screenshot of Chrome Developer Tools][s]][s]

[d]: https://developers.google.com/web/tools/chrome-devtools/iterate/device-mode/emulate-mobile-viewports#device-states-and-orientation
[g]: https://chromium.googlesource.com/devtools/devtools-frontend/+/refs/heads/master/front_end/emulated_devices/
[gh]: https://github.com/ChromeDevTools/devtools-frontend/tree/master/front_end/emulated_devices
[s]: http://i.stack.imgur.com/4GRjP.png

The closest I have come is using the virtual keyboard extension from: &quot;Chrome Virtual Keyboard&quot; 

 - http://xontab.com/Apps/VirtualKeyboard or
 - http://xontab.azurewebsites.net/VirtualKeyboard


Note: I had to set it to use the touch events when using it with a Sencha Touch app I was working on.

There are a number of others so just search for &quot;virtual keyboard&quot; in the chrome extensions area and pick what you like. 



It seems that keybooard emulation is no more available (July 2021)

And the Chrome extensions I tested just add a keyboard but they don&#39;t simulate at all any mobile rendering.

I recently &quot;upgraded&quot; from OSX Mountain Lion to Yosemite and from R 3.1.3 to 3.2. Immediately after the upgrade, when I opened R or RStudio I got a pop-up message saying that I needed to install Java 6. In addition, loading `rJava` or any package that depends on rJava (e.g., `xlsx`) caused RStudio to crash (R also crashed when I tried this by opening `R.app` directly). 

After trying a few fixes found on Stack Overflow and elsewhere (more details below), I am at a point where loading `rJava` or any package that depends on `rJava` no longer causes R to crash, but results in the following error:

    library(rJava)
    Error : .onLoad failed in loadNamespace() for &#39;rJava&#39;, details:
      call: dyn.load(file, DLLpath = DLLpath, ...)
      error: unable to load shared object &#39;/Library/Frameworks/R.framework/Versions/3.2/Resources/library/rJava/libs/rJava.so&#39;:
      dlopen(/Library/Frameworks/R.framework/Versions/3.2/Resources/library/rJava/libs/rJava.so, 6): Library not loaded: @rpath/libjvm.dylib
      Referenced from: /Library/Frameworks/R.framework/Versions/3.2/Resources/library/rJava/libs/rJava.so
      Reason: image not found
    Error: package or namespace load failed for ‘rJava’

However, if I invoke R from the command line and then load `rJava` or any package that depends on `rJava`, it seems to work (or at least I don&#39;t get any error messages).

I&#39;ve tried a number of different attempted fixes, some of them a few times, and can&#39;t quite remember exactly what I did in what order (didn&#39;t realize this would be such a morass and wasn&#39;t really keeping track), but here&#39;s the gist of it:

- Added the following to my `.bash_profile` (per [this SO answer](https://stackoverflow.com/a/30068890/496488)):

    &gt;export JAVA_HOME=&quot;/usr/libexec/java_home -v 1.8&quot;  
    &gt;export LD_LIBRARY_PATH=$JAVA_HOME/jre/lib/server

- Reconfigured java from the command line as follows:

    &gt;sudo R CMD javareconf -n  

- Checked `options(&quot;java.home&quot;)` and discovered this was set to  `NULL`. I tried setting it to the following (per [this SO question](https://stackoverflow.com/questions/28133360/rjava-is-not-picking-up-the-correct-java-version)):

    &gt;options(&quot;java.home&quot;=&quot;/Library/Java/JavaVirtualMachines/jdk1.8.0_45.jdk/Contents/Home/jre&quot;)

- Installed the latest Java Development Kit and reinstalled `rJava` from source (can&#39;t remember where I found that one).

At some point while trying all of these, I was able to load `rJava` without crashing R, but instead got the error message posted above. In addition, when I quit RStudio, it would seem to close normally, but then an &quot;RStudio quit unexpectedly&quot; message would pop up, indicating that the program had crashed while trying to close. 

I finally decided to install [Java for OS X 2014-001](https://support.apple.com/kb/DL1572?locale=en_US) (Java 6), as I seemed to be running out of options. Now, when I opened R or RStudio the &quot;This software needs Java 6&quot; pop-up message no longer appeared. However, I was still getting the `.onLoad failed in loadNamespace() for &#39;rJava&#39;` error message posted above. 

In reviewing some of the posts I&#39;d already looked at, I noticed [another SO answer](https://stackoverflow.com/a/30581550/496488) that I&#39;d missed before, which recommended opening RStudio with the following command line code that gives RStudio the correct path to java:

&gt;LD_LIBRARY_PATH=$(/usr/libexec/java_home)/jre/lib/server: open -a RStudio

That opened an RStudio window and I was also able to load `rJava` and packages that depend on it without getting an error.

Lastly, I tried running R from the command line (which I hadn&#39;t done before). It turns out that on the command line, loading `rJava` or any package that depends on `rJava` works and does not throw any errors.

So, I can now get `rJava` to work if I open RStudio from the command line with the code that gives RStudio the java path (as noted above). However, I&#39;d like to find a way to fix the underlying problem, whatever it may be, so that RStudio can be opened in the usual Mac way, without needing a command line kludge. I&#39;m also concerned that having an old version of Java installed could cause problems down the road. 

Does anyone have any ideas about how to diagnose and solve this issue?

rJava load error in RStudio/R after &quot;upgrading&quot; to OSX Yosemite

I&#39;m trying to get a screenshot of the phone screen as fast as possible.
Currently, I am doing:

    adb shell screencap -p /sdcard/screencap.png &amp;&amp; adb pull /sdcard/screencap.png         

However it is too slow and takes up to 3 seconds.
Is there any better way to do this? I intend to use this function with an unrooted phone.

Also what are the different arguments I can use for screencap?

 Thanks.

EDIT (extra information): I intend to use this method to be able to get a live feed of the screen onto my pc. The current method works however it is too slow. I can&#39;t use `adb shell screenrecord` because I won&#39;t be able to access the video file while it is being recorded.

Using ADB to capture the screen

I&#39;m debugging a mobile version of our website through Chrome&#39;s Mobile Emulation tool, but cannot figure out how to have an on-screen keyboard pop up when selecting a text field. 

I have clicked on the text box, but no keyboard pops up. If I do this on a mobile device, the default input method (keyboard) pops up and allows me to type. 

Is there a way to replicate this?

Google Chrome Mobile Emulator: How to show on screen keyboard

I'm debugging a mobile version of our website through Chrome's Mobile Emulation tool, but cannot figure out how to have an on-screen keyboard pop up when selecting a text field.
I have clicked on the text box, but no keyboard pops up. If I do this on a mobile device, the default input method (keyboard) pops up and allows me to type.
Is there a way to replicate this?

Recently, Chrome DevTools has begun converting all elements&#39; HEX colors to their RGB values, regardless of whether that HEX color is set in CSS or through the DevTools itself. How to stop that?

I am aware of the hold down &lt;kbd&gt;Shift&lt;/kbd&gt; + click the color icon method of converting colors to other formats, but I find this inconvenient. I am wondering if anyone knows how to stop this from happening?  


Chrome DevTools converts all HEX Colors to RGB

For the past two months, I have been receiving the following error on Chrome&#39;s developer console:

    net::ERR_INCOMPLETE_CHUNKED_ENCODING

Symptoms:

 - Pages not loading.
 - Truncated CSS and JS files.
 - Pages hanging.

Server environment:

 - Apache 2.2.22
 - PHP
 - Ubuntu

This is happening to me on our in-house Apache server. It is not happening to anybody else - i.e. **None of our users are experiencing this problem - nor is anybody else on our dev team.**

Other people are accessing the exact same server with the exact same version of Chrome. I have also tried disabling all extensions and browsing in Incognito mode - to no effect.

I have used Firefox and the exact same thing is occurring. Truncated files and whatnot. The only thing is, Firefox doesn&#39;t raise any console errors so you need to inspect the HTTP request via Firebug to see the problem.

Response Headers from Apache:

    Cache-Control:no-store, no-cache, must-revalidate, post-check=0, pre-check=0
    Connection:close
    Content-Encoding:gzip
    Content-Type:text/html; charset=utf-8
    Date:Mon, 27 Apr 2015 10:52:52 GMT
    Expires:Thu, 19 Nov 1981 08:52:00 GMT
    Pragma:no-cache
    Server:Apache/2.2.22 (Ubuntu)
    Transfer-Encoding:chunked
    Vary:Accept-Encoding
    X-Powered-By:PHP/5.3.10-1ubuntu3.8

While testing, I was able to fix the issue by forcing HTTP 1.0 in my htaccess file:

    SetEnv downgrade-1.0

This gets rid of the problem. However, forcing HTTP 1.0 over HTTP 1.1 is not a proper solution.

**Update**: Because I&#39;m the only one experiencing this issue, I figured that I needed to spend more time investigating whether or not it was a client side issue. If I go into Chrome&#39;s settings and use the &quot;Restore to Default&quot; option, ***the problem will disappear*** for about 10-20 minutes. Then it returns.

Chrome net::ERR_INCOMPLETE_CHUNKED_ENCODING error

I am using Google Maps Javascript v3 to setup autocomplete on an HTML input field like so:

http://imgur.com/Rm6X2FI.png - (w/out autofill)

The issue I&#39;m having is that Chrome&#39;s Autofill covers up the Maps Autocomplete like this:

http://imgur.com/7a2QM7L.png - (w/ autofill)

I found a solution online a couple of months ago (ref: https://stackoverflow.com/questions/15738259/disabling-chrome-autofill), but it seems that this solution no longer has any effect.

    &lt;input type=&quot;text&quot; name=&quot;address&quot; id=&quot;address_fake&quot; autocomplete=&quot;off&quot; style=&quot;display:none&quot;&gt;
    &lt;input type=&quot;text&quot; name=&quot;address&quot; id=&quot;address&quot; autocomplete=&quot;off&quot; placeholder=&quot;Address&quot; /&gt;

Is there any way I can stop Chrome&#39;s Autofill from showing on top of the Google Maps Autocomplete list?

EDIT: https://stackoverflow.com/questions/18531437/stop-google-chrome-auto-fill-the-input does not provide a solution to my current issue. The issue is with the Chrome Autofill dropdown on the input field, not the input field being automatically filled with an autofill value.

Chrome Autofill covers Autocomplete for Google Maps API v3

Recently I have come across an issue where I wanted to disable auto-complete in all browsers.

Chrome has a new feature in settings where you can add a card number. And the requirement was to also disable that.

What worked in all browsers was to do this `autocomplete=false` at form level.

But this is not compliant with w3 rules, where they enforce to have `autocomplete=off|on`.

**Can someone please explain to me why `false` works in all browsers?**

even ie8, all firefox, safari etc., but it is not compliant.

Autocomplete off vs false?

Recently Google added this annoying pop up to the dev channel.

Someone answered here (https://stackoverflow.com/questions/23055651/disable-developer-mode-extensions-pop-up) to edit the chrome.dll to get rid of the pop up.

However, the method described there does not seem to work anymore.

Additionally, it would be nice to have a batch script that patches chrome.dll should Google push a new update.


EDIT: Open to new hacks, since wOxxOm stopped maintaining his useful script (the manual method seems to be outdated as well)

How to get rid of &quot;disable developer mode extensions&quot; pop-up

I&#39;m making a website and I want it to be compatible with the forthcoming Microsoft Edge when it comes out officially. To be more specific, the mobile version of it. Does anyone know what string will identify the Edge Mobile Browser (for example, &quot;IE Mobile&quot; identifies the mobile version of the Internet Explorer).

What is the User Agent string name for Microsoft Edge?

Have you had any experience in Facebook in-app browser detection?
What&#39;s the core difference in user agent?

I don&#39;t want to know if it is a only mobile/ios/chrome. I need to know whether user agent is specific from *Facebook in-app browser*

How to detect Facebook in-app browser?

In Redux, every change to the store triggers a `notify` on all connected components. This makes things very simple for the developer, but what if you have an application with N connected components, and N is very large?

Every change to the store, even if unrelated to the component, still runs a `shouldComponentUpdate` with a simple `===` test on the `reselect`ed paths of the store. That&#39;s fast, right? Sure, maybe once. But N times, for *every* change? This fundamental change in design makes me question the true scalability of Redux.

As a further optimization, one can batch all `notify` calls using `_.debounce`. Even so, having N `===` tests for every store change *and* handling other logic, for example view logic, seems like a means to an end.

I&#39;m working on a health &amp; fitness social mobile-web hybrid application with millions of users and am transitioning from **Backbone to Redux**. In this application, a user is presented with a swipeable interface that allows them to navigate between different stacks of views, similar to Snapchat, except each stack has infinite depth. In the most popular type of view, an endless scroller efficiently handles the loading, rendering, attaching, and detaching of feed items, like a post. For an engaged user, it is not uncommon to scroll through hundreds or thousands of posts, then enter a user&#39;s feed, then another user&#39;s feed, etc. Even with heavy optimization, the number of connected components can get very large.

Now on the other hand, Backbone&#39;s design allows every view to listen precisely to the models that affect it, reducing N to a constant.

Am I missing something, or is Redux fundamentally flawed for a large app?

Can a React-Redux app really scale as well as, say Backbone? Even with reselect. On mobile

I&#39;m currently learning React and I am trying to figure out how to use it with Redux for building a mobile app. I&#39;m kind of confused on how the two are related/usable together. For example, I completed this tutorial in React [https://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript][1], but now I want to play around with adding some reducers/actions to that app and I am not sure where those would tie in with what I&#39;ve already done.


  [1]: https://www.raywenderlich.com/99473/introducing-react-native-building-apps-javascript

When should I add Redux to a React app?

I imported [Firebase JS v3 API][1] and used to initialize Firebase using:
		

    firebase.initializeApp(config);

However the app failed to load correctly via web browser on localhost, resulting in the following error:

&gt; Error: This domain is not authorized for OAuth operations for your
&gt; Firebase project. Edit the list of authorized domains from the
&gt; Firebase console.
&gt; 
&gt; firebase.js:71:1333


  [1]: https://firebase.google.com

Firebase: This domain is not authorized

How to search through all the ajax responses in network tab in Chrome?

I want to do this is because it is difficult for a JavaScript developer to get to know which information is coming from which service call, especially if you are new to the project and business logic is not clear. Also, opening each service in a network tab and searching in responses of so many service calls is difficult and time consuming.

How to search through all the ajax responses in network tab in Chrome?

Not all JavaScript files are visible in Chorme Developer tools any more.

Google Chrome is up to date. Version 44.0.2403.130 m
Debug version of the app. 
Scripts in the head.

    &lt;script src=&quot;/Scripts/jquery-ui-1.8.24.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;/Scripts/jquery.validate.js&quot;&gt;&lt;/script&gt;
    
    ...
    
    &lt;script src=&quot;/Client/Statics/GuiContainers.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;/Client/ClientDAL.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;/Client/ClientLayoutUpdater.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;/Client/ClientRenderer.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;/Client/ControllerLocator.js&quot;&gt;&lt;/script&gt;

First part of the scripts is visible in Chrome Developer Tools under Sources menu on localhost/Scripts/* path. Second part of the scripts is not visible since yesterday. What is the matter with the Developer Tools?

There are no errors in JavaScript console. I can see successful requests for JavaScript files in network tab. All JavaScript is loaded. Application works fine. 

**What is the matter with the Developer Tools? Does anyone have an idea?**

If I add localhost &quot;folder&quot; to the workspace, everything is visible, even server side source files.


Chrome developer tools do not show all JavaScript files any more

This may seem like a really basic question and I may just not be seeing the button but I can never figure out how to display the console while in the sources tab fo the chrome devtools. It has opened that way for me so I know it is possible but if it doens&#39;t display when I open it I can get it to

how to show console in chrome dev tools sources view

I fire an image tag when someone converts on our website for reporting and analytics:

    &lt;img src=&quot;https://example.evyy.net/conv/?somechannel=cats&amp;cid=3790&amp;oid=123&amp;cat1=premium&amp;sku1=123&amp;qty1=1&amp;amt1=456&amp;custid=qbc&quot; /&gt;

We noticed traffic decline yesterday. To debug I visited the site and signed up, with the console open network tab.

I typed &quot;evyy&quot; into the filter box and I see 3 line items for my tag. 

What does this mean? Should there not be just 1 line item? One item has a 302 status and the other two a status of 200. That&#39;s good right?

Screen attached. Does this look &quot;right&quot;? Is there any drill down in the network tab I can look at to see if there is a problem on our end with tracking?

[![enter image description here][1]][1]


  [1]: http://i.stack.imgur.com/P2HLp.png

Content Type	Original Author	Original Content on Stackoverflow
Question	Aaron Hellman	View Question on Stackoverflow
Solution 1 - Google Chrome	Denilson Sá Maia	View Answer on Stackoverflow
Solution 2 - Google Chrome	AnthonyVO	View Answer on Stackoverflow
Solution 3 - Google Chrome	migli	View Answer on Stackoverflow

Google Chrome Mobile Emulator: How to show on screen keyboard

Google Chrome Problem Overview

Google Chrome Solutions

Solution 1 - Google Chrome

Solution 2 - Google Chrome

Solution 3 - Google Chrome

Using ADB to capture the screen

rJava load error in RStudio/R after "upgrading" to OSX Yosemite

Attributions