Navigate to `chrome://inspect/#devices` on your chrome browser.

From there, you should see a list of attached devices (including emulators, not sure about Andy), but if it is possible, that&#39;s where you would find it.

Adding to Josh&#39;s answer, I&#39;ve had to:

1. Navigate to `chrome://inspect/#devices` on my machine.
2. Open Chrome in Andy.
3. List devices with `adb devices`.

Andy finally shows up in Chrome&#39;s devices list.

In this context, &quot;phone&quot; is your emulator.

First you must enable debugging on your phone:

Settings &gt; About Phone &gt; Build number &gt; Tap it 7 times to become developer;

then:

Settings &gt; Developer Options &gt; USB Debugging.

Then navigate to **chrome://inspect/#devices**. You should find the open tab on your phone there.

[This exception occurs in here.][1] You can reproduce it in IE11. So far I have not found the cause of the issue. Any ideas why this is being caused?

![enter image description here][2]

&gt; CSS3114: @font-face failed OpenType embedding permission check.
&gt; Permission must be Installable. File:
&gt; 53d9eae5-63b4-48d7-a5b8-3419455028bb.ttf

The web site is running on Azure Websites platform and is using ASP.NET MVC 5.


  [1]: http://itmcup-stg.azurewebsites.net/
  [2]: http://i.stack.imgur.com/jpmqs.png

@font-face failed OpenType embedding permission check. Permission must be Installable

When using the Anacoda Python distribution, what is the best way to install a PyPi package that isn&#39;t available directly through Anaconda?  For now I&#39;m using:

    conda pipbuild [pypi_name]
    conda install --use-local [package_spec]

But I&#39;m unclear if this is the best way and if `conda update --all` will update these packages when updates are made available.  I&#39;m also unclear what the point of binstar is when PyPi already exists.

How to install PyPi packages using anaconda conda command

I need to debug CSS for some site running on the device under Android (in the common REPL mode). As I know it is possible to connect the device with the desktop via USB cable to do that. But the problem is I have no such a device (with Android). I have the Android emulator (Andy) but it seems that chrome installed on it has no dev tools at all. 
So is it possible to solve the problem without physical Android device?

UPD==================

Once again:
The point is **I have no any Android device**. I have an emulator for it only (Andy Android emulator).

Using Google Chrome Dev tools on Android (emulator)

I need to debug CSS for some site running on the device under Android (in the common REPL mode). As I know it is possible to connect the device with the desktop via USB cable to do that. But the problem is I have no such a device (with Android). I have the Android emulator (Andy) but it seems that chrome installed on it has no dev tools at all.
So is it possible to solve the problem without physical Android device?
UPD==================
Once again:
The point is I have no any Android device. I have an emulator for it only (Andy Android emulator).

I&#39;ve searched the *documentation* but only found this:
[Link](http://developer.android.com/about/versions/android-4.4.html#UI). Which is used to make the bar ***translucent***? What I&#39;m trying to do is to make the status bar ***completely transparent*** (as shown in the image below) and make it backwards compatible for APK&lt;19:
![enter image description here][1]


My styles.xml:


    &lt;resources xmlns:tools=&quot;http://schemas.android.com/tools&quot;&gt;
    
      &lt;style name=&quot;AppTheme&quot; parent=&quot;Theme.AppCompat.Light&quot;&gt;
      &lt;item name=&quot;android:actionBarStyle&quot;&gt;@style/ThemeActionBar&lt;/item&gt;
      &lt;item name=&quot;android:windowActionBarOverlay&quot;&gt;true&lt;/item&gt;
      &lt;!-- Support library compatibility --&gt;
      &lt;item name=&quot;actionBarStyle&quot;&gt;@style/ThemeActionBar&lt;/item&gt;
      &lt;item name=&quot;windowActionBarOverlay&quot;&gt;true&lt;/item&gt;
      &lt;/style&gt;
    
      &lt;style name=&quot;ThemeActionBar&quot; parent=&quot;Widget.AppCompat.Light.ActionBar.Solid&quot;&gt;
      &lt;item name=&quot;android:background&quot;&gt; @null &lt;/item&gt;
      &lt;!-- Support library compatibility --&gt;
      &lt;item name=&quot;background&quot;&gt;@null&lt;/item&gt;
      &lt;item name=&quot;android:displayOptions&quot;&gt; showHome | useLogo&lt;/item&gt;
      &lt;item name=&quot;displayOptions&quot;&gt;showHome|useLogo&lt;/item&gt;
    
      &lt;/style&gt;
    
    &lt;/resources&gt;


What I was able to do:

![enter image description here][2]


  [1]: http://i.stack.imgur.com/xrDe1.jpg
  [2]: http://i.stack.imgur.com/Nz7G2.jpg


Android Completely transparent Status Bar?

Sometimes this scenario occurs when developing. I would make a change in my source code, hit save all and then run but the **change wouldn&#39;t be apparently not reflected in the app** -(I&#39;m using a device for testing). I can even uninstall the app on my device, and hit run again and the newly installed app still hasn&#39;t reflected the change in the source code. When this happens I have to edit the source, hit run and maybe then a new version with the changes I expected will be on the device.  

I also tried the solution here, but it doesn&#39;t seem to work often. 

https://stackoverflow.com/questions/28183822/android-studio-deploys-my-app-without-new-changes


Android Studio not deploying changes to app

I use Dagger2 for DI in my android application. I found that I have to write inject method for every class that uses @Inject field. Is there a way that I can just inject the parent class so that I don&#39;t have to call inject on every subclass?
Take Activity for example. I have a `BaseActivity` that that every Activity extends from. Is there a way that I can just create an inject method in the component for BaseActivity and just call inject in BaseActivity&#39;s onCreate, and @inject fields in sub activities get injected automatically?


Can I just inject super class when use dagger2 for dependency injection?

I have a RecyclerView which loads some data from API, includes an image url and some data, and I use networkImageView to lazy load image.

    @Override
    public void onResponse(List&lt;Item&gt; response) {
       mItems.clear();
       for (Item item : response) {
          mItems.add(item);
       }
       mAdapter.notifyDataSetChanged();
       mSwipeRefreshLayout.setRefreshing(false);
    }

Here is implementation for Adapter:

    public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, final int position) {
            if (isHeader(position)) {
                return;
            }
            // - get element from your dataset at this position
            // - replace the contents of the view with that element
            MyViewHolder holder = (MyViewHolder) viewHolder;
            final Item item = mItems.get(position - 1); // Subtract 1 for header
            holder.title.setText(item.getTitle());
            holder.image.setImageUrl(item.getImg_url(), VolleyClient.getInstance(mCtx).getImageLoader());
            holder.image.setErrorImageResId(android.R.drawable.ic_dialog_alert);
            holder.origin.setText(item.getOrigin());
        }

Problem is when we have refresh in the recyclerView, it is blincking for a very short while in the beginning which looks strange.

I just used GridView/ListView instead and it worked as I expected. There were no blincking.

configuration for RecycleView in `onViewCreated of my Fragment`:

    mRecyclerView = (RecyclerView) view.findViewById(R.id.recyclerView);
            // use this setting to improve performance if you know that changes
            // in content do not change the layout size of the RecyclerView
            mRecyclerView.setHasFixedSize(true);
    
            mGridLayoutManager = (GridLayoutManager) mRecyclerView.getLayoutManager();
            mGridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
                @Override
                public int getSpanSize(int position) {
                    return mAdapter.isHeader(position) ? mGridLayoutManager.getSpanCount() : 1;
                }
            });
    
            mRecyclerView.setAdapter(mAdapter);

Anyone faced with such a problem? what could be the reason?

RecyclerView blinking after notifyDatasetChanged()

I&#39;m new to android and new to programming as well. How do I call a REST api (GET/POST request) from an android app. Please suggest me a good tutorial, or give me an idea to start with.

How do I call REST API from an android app?

I am working on adding a menu to a map. The menu is working fine except I noticed there is always a padding to the left no matter what CSS applied to the menu. The padding seems to be originated from (-webkit-padding-start: 40px;) and it does not want to go away. I tried to override it with `0 !important;` that didn&#39;t do anything.


After Googling found this:

[-webkit-padding-start: 40px; What it should be for IE and Firefox?][1]

However could not find anything else on how to override or make this go away. I need to have items in the menu all the way to the left. 

![enter image description here][2]


Attached is a screenshot, green area is what I am talking about and under styles you can see -webkit-padding-start: 40px;


  [1]: https://stackoverflow.com/questions/12549591/webkit-padding-start-40px-what-it-should-be-for-ie-and-firefox
  [2]: http://i.stack.imgur.com/BQ4CN.png

Get rid of -webkit-padding-start: 40px

I am trying to create a responsive grid of squares. The squares should resize to fit the viewport&#39;s width. The squares should not resize when changing the viewport&#39;s height.

I got how to adjust the width of each square, but I don&#39;t know how to make the elements square and how to scale their height when the viewport width changes. 

In the example at the fiddle below the seven squares should always fit horizontally, and they should scale as squares. I do not care how many rows are visible.

Fiddle here http://jsfiddle.net/gonyhvz8/11/

    &lt;body&gt;
    &lt;div class=&quot;flex-container&quot;&gt;
        &lt;div class=&quot;flex-item&quot;&gt;1&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;2&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;3&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;4&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;5&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;6&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;7&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;flex-container&quot;&gt;
        &lt;div class=&quot;flex-item&quot;&gt;1&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;2&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;3&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;4&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;5&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;6&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;7&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;flex-container&quot;&gt;
        &lt;div class=&quot;flex-item&quot;&gt;1&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;2&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;3&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;4&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;5&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;6&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;7&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;flex-container&quot;&gt;
        &lt;div class=&quot;flex-item&quot;&gt;1&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;2&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;3&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;4&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;5&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;6&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;7&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;flex-container&quot;&gt;
        &lt;div class=&quot;flex-item&quot;&gt;1&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;2&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;3&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;4&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;5&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;6&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;7&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;flex-container&quot;&gt;
        &lt;div class=&quot;flex-item&quot;&gt;1&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;2&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;3&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;4&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;5&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;6&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;7&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;flex-container&quot;&gt;
        &lt;div class=&quot;flex-item&quot;&gt;1&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;2&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;3&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;4&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;5&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;6&lt;/div&gt;
        &lt;div class=&quot;flex-item&quot;&gt;7&lt;/div&gt;
    &lt;/div&gt;
&lt;/body&gt;

    .flex-container {
      padding: 0;
      margin: 0;
      list-style: none;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row;
      justify-content: space-around;
      height: 50px;
      line-height:30px;
    }

    .flex-item {
      background: tomato;
      margin: 5px;
      color: white;
      font-weight: bold;
      font-size: 1.5em;
      text-align: center;
      flex: 1 0 0px;
      height: auto;
    }

css grid of squares with flexbox

I do not know what is going on but in the browser console I can see 3 errors related to font-awesome

     GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.woff2?v=4.3.0 
     GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.woff?v=4.3.0
     GET http://www.desktop.just4bettors.mobi/fonts/fontawesome-webfont.ttf?v=4.3.0 

I know it is ridiculous I can not figure out this by myself, but everything seems to be OK, in my index.html I have something like this

    &lt;link rel=&quot;stylesheet&quot; href=&quot;bower_components/font-awesome/css/font-awesome.css&quot; /&gt;

and that&#39;s all I have related to the font-awesome thing, I already check the path and I am not wrong with that.

Is this happening with any of you guys ?

![enter image description here][1]


  [1]: http://i.stack.imgur.com/X0ylj.png


**UPDATE**

this is the NGINX part where I load some content in the headers

    add_header Content-Security-Policy &quot;style-src &#39;self&#39; &#39;unsafe-inline&#39;
    https://fonts.googleapis.com
    https://fonts.gstatic.com
    https://themes.googleusercontent.com
    https://assets.zendesk.com;
    font-src &#39;self&#39; https://themes.googleusercontent.com
    https://fonts.gstatic.com;&quot;;

Font-Awesome error 404 on fonts

Say I have a component with a render like this:

    &lt;View style={jewelStyle}&gt;&lt;/View&gt;

Where jewelStyle = 

      {
        borderRadius: 10,
        backgroundColor: &#39;#FFEFCC&#39;,
        width: 20,
        height: 20,
      },

How could I make the background colour dynamic and randomly assigned? I&#39;ve tried 

      {
        borderRadius: 10,
        backgroundColor: getRandomColor(),
        width: 20,
        height: 20,
      },

But this makes all instances of View have the same colour, I want each one to be unique.

Any tips?

Can I make dynamic styles in React Native?

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

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

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 am making an android app on Android Studio and I have this emulator for Nexus S.
When the emulator is running, it shows the frame of the device.
I want the emulator to show the screen of the device only.
I&#39;ve tried looking in the settings but can&#39;t help it. Thanks.

How to remove the device&#39;s frame on Android Studio&#39;s emulators

[![enter image description here][1]][1]


[![enter image description here][2]][2]

I want to remove the api 16 of jelly bean but there is not remove button how can I do that. image file is very big size file so I need don&#39;t many system image file


  [1]: https://i.stack.imgur.com/VShBK.png
  [2]: https://i.stack.imgur.com/Y7NYC.png

How do I remove an image-system for avd file in Android Studio?

I know that similar questions have been asked before, but my problem is new only after installing Android Studio 2.3, the latest version in March 2017.  I have several years experience developing Android applications, and I have never encountered this problem before.  After upgrading to version 2.3 of Android Studio, my emulator is no longer able to access the internet.  I even uninstalled/reinstalled Android Studio 2.3 from scratch and created a new emulator, and I am still getting the same error.  This is not an app problem.  I can&#39;t even access the internet from Chrome, and I wasn&#39;t having this problem last week.  The message that I get says that the server DNS address could not be found -- DNS_PROBE_FINISHED_BAD_CONFIG.  The only thing that has changed on my computer in the last week is the new version of Android plus possibly updates to Windows 10.  And yes, my computer has access to the internet.  Below is an image of my emulator when I try to use Chrome to search for &quot;Google&quot;.
[![emulator with error message][1]][1]


  [1]: https://i.stack.imgur.com/j8eYL.png

Android emulator not able to access the internet

Recently upgraded to Android Studio from 2.2.3 to 2., running on Win10

Emulator stopped working since then. Tried installing other images(25 rev 4)/upgrading for AVD but nothing seems to work. After running gradle and showing &quot;waiting for target device to come online&quot; in task bar nothing happens and program doesn&#39;t run.

Kindly help

----------------------------

Adding Screenshot:

[![enter image description here][1]][1]

And:

[![enter image description here][2]][2]


  [1]: https://i.stack.imgur.com/WivTK.jpg
  [2]: https://i.stack.imgur.com/IpFBw.jpg

&quot;waiting for target device to come online&quot; in Android Studio 2.3

I recently updated to Android Studio 2.3, and now when I try to run the application, the emulator does not come online. It times out after 300 seconds.

Additionally, The app has been experiencing a FATAL EXCEPTION ERROR (OOM), and I am not sure how to fix that either, or if that is part of the emulator problem. 

Any help is much appreciated. Again, my knowledge in the program is very limited so if your answer can be kept simple, that would be great.

Waiting for Target Device to Come Online

I want to quit swift repl gracefully and not use &lt;kbd&gt;ctrl&lt;/kbd&gt;-&lt;kbd&gt;d&lt;/kbd&gt; to exit it. 

For eg. python repl can be exited by typing `exit()`. Is there a similar way of quitting swift repl?

Content Type	Original Author	Original Content on Stackoverflow
Question	srgg6701	View Question on Stackoverflow
Solution 1 - Android	Josh Burgess	View Answer on Stackoverflow
Solution 2 - Android	blvz	View Answer on Stackoverflow
Solution 3 - Android	Cody Jenkins	View Answer on Stackoverflow

Using Google Chrome Dev tools on Android (emulator)

Android Problem Overview

Android Solutions

Solution 1 - Android

Solution 2 - Android

Solution 3 - Android

How to install PyPi packages using anaconda conda command

@font-face failed OpenType embedding permission check. Permission must be Installable

Attributions