Open Developer Tools, go to &quot;Settings&quot; for Developer Tools, then uncheck `Enable JavaScript Sourcemaps` under the &quot;Sources&quot; settings.

[![Settings for Developer Tools][1]][1]

[![JS sourcemaps toggle][2]][2]


  [1]: https://i.stack.imgur.com/jBQBa.png
  [2]: https://i.stack.imgur.com/kphSY.png

You can double click line numbers to jump from source files to unminified output files. Other than that it seems limited. See the comment below. 

I found this to be useful during development. When using `webpack-dev-server` (or some other tooling) without minifying js, you can double click line numbers in the source files to jump to the compiled but unminified output file.

I just discovered this by accident and then found this comment from Dec 21, 2016: 
https://bugs.chromium.org/p/chromium/issues/detail?id=532174#c7

&gt; You can double click on the line number to jump into the original
&gt; file, but that&#39;s pretty useless if the minified file has all newlines
&gt; removed :(
&gt; 
&gt; Having word wrap would make this work better 
&gt; https://bugs.chromium.org/p/chromium/issues/detail?id=167287
&gt; 
&gt; I think there was some support for double clicking on a section of the
&gt; minified file to jump into the source mapped file, but it seems to
&gt; have regressed of late. 
&gt; 
&gt; Ideally in a minified file with a source map, right clicking (or
&gt; double clicking) anywhere in the minified file should allow jumping to
&gt; that exact file, line and column

I know that in **angular2** I can disable a button with the 
**`[disable]`** attribute, for example: 
 

    &lt;button [disabled]=&quot;!isValid&quot; (click)=&quot;onConfirm()&quot;&gt;Confirm&lt;/button&gt;

but can I do it using **`[ngClass]`** or **`[ngStyle]`** ? Like so:

    &lt;button [ngStyle]=&quot;{disabled : !isValid}&quot; (click)=&quot;onConfirm()&quot;&gt;Confirm&lt;/button&gt;


Thanks.

Angular2 disable button

I have code that expects `str` but will handle the case of being passed `bytes` in the following way:

    if isinstance(data, bytes):
        data = data.decode()

Unfortunately, this does not work in the case of `bytearray`.  Is there a more generic way to test whether an object is either `bytes` or `bytearray`, or should I just check for both?  Is `hasattr(&#39;decode&#39;)` as bad as I feel it would be?

What is the proper way to determine if an object is a bytes-like object in Python?

Is there a quick way to switch from the jsx code shown in Chrome DevTools to the raw ES5 and back again?

Disable source maps in Chrome DevTools

<p>Is there a quick way to switch from the jsx code shown in Chrome DevTools to the raw ES5 and back again?</p>


In React Native, `borderRadius` is working but the background color given to the button stays a square. What is going on here?

JS

    &lt;TouchableHighlight
      style={styles.submit}
      onPress={() =&gt; this.submitSuggestion(this.props)}
      underlayColor=&#39;#fff&#39;&gt;
        &lt;Text style={[this.getFontSize(),styles.submitText]}&gt;Submit&lt;/Text&gt;
    &lt;/TouchableHighlight&gt;


Style

    ...
    submit:{
        marginRight:40,
        marginLeft:40,
        marginTop:10,
    },
    submitText:{
        paddingTop:20,
        paddingBottom:20,
        color:&#39;#fff&#39;,
        textAlign:&#39;center&#39;,
        backgroundColor:&#39;#68a0cf&#39;,
        borderRadius: 10,
        borderWidth: 1,
        borderColor: &#39;#fff&#39;
    },
    ...

[![enter image description here][1]][1]


  [1]: http://i.stack.imgur.com/bnzCG.png

React Native Border Radius with background color

I have a router like below:

    &lt;Router history={hashHistory}&gt;
    	&lt;Route path=&quot;/&quot; component={App}&gt;
    		&lt;IndexRoute component={Index}/&gt;
    		&lt;Route path=&quot;login&quot; component={Login}/&gt;
    	&lt;/Route&gt;
    &lt;/Router&gt;

Here&#39;s what I want to achieve :

1. Redirect user to `/login` if not logged in
2. If user tried to access `/login` when they are already logged in, redirect them to root `/`

so now I&#39;m trying to check user&#39;s state in `App`&#39;s `componentDidMount`, then do something like:

    if (!user.isLoggedIn) {
        this.context.router.push(&#39;login&#39;)
    } else if(currentRoute == &#39;login&#39;) {
        this.context.router.push(&#39;/&#39;)
    }

The problem here is I can&#39;t find the API to get current route.

I found [this closed issue][1] suggested using Router.ActiveState mixin and route handlers, but it looks like these two solutions are now deprecated.


  [1]: https://github.com/rackt/react-router/issues/119

How to get current route in react-router 2.0.0-rc5

I use [Istanbul][1] for code coverage of unit tests in an AngularJS project. There are 4 types of coverage and they are

 - statement
 - branch
 - function
 - line

Statement, function and line are alright but i don&#39;t understand what &quot;branch&quot; is. What is branch?


  [1]: https://gotwarlost.github.io/istanbul/

What is a branch in code coverage for JavaScript unit testing

I&#39;m trying to use the new [Fetch API][1]: 

I am making a `GET` request like this:

    var request = new Request({
      url: &#39;http://myapi.com/orders&#39;,
      method: &#39;GET&#39;
    });
    fetch(request);

However, I&#39;m unsure how to add a query string to the `GET` request. Ideally, I want to be able to make a `GET` request to a `URL` like:

    &#39;http://myapi.com/orders?order_id=1&#39;

In `jQuery` I could do this by passing `{order_id: 1}` as the `data` parameter of `$.ajax()`. Is there an equivalent way to do that with the new `Fetch API`?


  [1]: https://developer.mozilla.org/en/docs/Web/API/Fetch_API

Setting query string using Fetch GET request

I want to download the file which is coming in the form of bytes from the AJAX response.

I tried to do it this way with the help of `Blob`:

    var blob=new Blob([resultByte], {type: &quot;application/pdf&quot;});
    var link=document.createElement(&#39;a&#39;);
    link.href=window.URL.createObjectURL(blob);
    link.download=&quot;myFileName.pdf&quot;;
    link.click();

It is in fact downloading the pdf file but the file itself is corrupted.

How can I accomplish this?

Download File from Bytes in JavaScript

When you have saved username and password for some site Chrome will autofill that username and password, but if you try to get the value for the password input field it is empty String even though there is value there ******.

If you click somewhere on the page no mater where the value of the `input type=&quot;password&quot;` will be filled.

This is Fiddle [user/pass][1] of the structure of the html and the `console.log` command. It cannot be seen here but it can be reproduced on every page that has login form and the username and password are autofilled on the load of the page. If you inspect the value of the field before clicking anywhere else on the site it will be empty String.

This is not the case in Firefox or Internet Explorer it will fill the value of the `input` element with the password.

I am using Windows 7 Ultimate 64-bit OS and Google Chrome version is 48.0.2564.97 m

Is this normal behavior, bug or?

**UPDATE:**

If you click on F5 to reload the page and inspect the password field the value for password will be there. If you click the reload button in Chrome in top left corner the value for the password field will be empty string.


  [1]: http://jsfiddle.net/W4Km8/8781/

Chrome Autofill/Autocomplete no value for password

I&#39;m on Linux Mint 17.3.

How do I change the default browser used by the Jupyter notebook?

I have installed the notebook as a part of Anaconda 3 and it opens up in my default browser—Chrome. But for some reason, Chrome won&#39;t let me make a new ipynb. Clicking the &#39;new&#39; button simply doesn&#39;t do anything. So I copied the notebook url to Firefox and it works perfectly fine there.

Is there a way I can make it work with Chrome? Otherwise, how do I change the default browser? The usual answer I&#39;ve come across is that I have to change the `c.NotebookApp.browser` option, but I can&#39;t find a way to do so, since trying to find `ipython_notebook_config` in the terminal comes up with 4 results:

    ./anaconda3/lib/python3.5/site-packages/jupyter_core/tests/dotipython/profile_default/ipython_notebook_config.py
    ./anaconda3/lib/python3.5/site-packages/jupyter_core/tests/dotipython_empty/profile_default/ipython_notebook_config.py
    ./anaconda3/pkgs/jupyter_core-4.0.6-py35_0/lib/python3.5/site-packages/jupyter_core/tests/dotipython/profile_default/ipython_notebook_config.py
    ./anaconda3/pkgs/jupyter_core-4.0.6-py35_0/lib/python3.5/site-packages/jupyter_core/tests/dotipython_empty/profile_default/ipython_notebook_config.py


How to change the default browser used by the ipython/jupyter notebook in Linux?

Sometimes and especially very often when developing a web-application Chrome doesn&#39;t allow you to visit certain sites and throwing certificate/HSTS error. I&#39;ve found that typing `badidea` (more recently `thisisunsafe`) in Chrome window will tell Chrome to skip certificate validation.

Does this solution only work for a specific site, or will Chrome ignore certificate/HSTS errors for all sites after I&#39;ve used this keyword?

When you use &#39;badidea&#39; or &#39;thisisunsafe&#39; to bypass a Chrome certificate/HSTS error, does it only apply for the current site?

[![enter image description here][1]][1]


  [1]: http://i.stack.imgur.com/utVAf.png

In the image above, I tried setting breakpoints on every line from line 437 to line 443. However, I cannot set breakpoints on lines 439 and 440. When the function runs, the breakpoints on lines 437, 438, 441, and 442 are ignored. Chrome breaks on line 443. This means that I cannot do some debugging before the first conditional runs.

When I click on lines 439 or 440, the breakpoint appears for half a second and jumps to line 443.

Is this a bug or am I missing something? How do I set a breakpoint at or before line 439?

Chrome DevTools won&#39;t let me set breakpoints on certain lines

I have a problem with the `--disable-web-security` flag. It is not working in Chrome 48 and Chrome 49 beta on Windows.

I&#39;ve tried killing all of the instances, reboot and run Chrome with the flag first of all, tried different machines as well. In the beta I can see the warning popup (&quot;You are using unsupported flag..&quot;), but CORS is still being enforced. Public version seems to ignore the flag completely. 

There seems to be no news or people reports about that, so it might be a local issue. 
Will be grateful for help or any related info.

Disable-web-security in Chrome 48+

I have a single page application that communicates with a few different APIs, and I am hoping to throttle requests made to a specific one for testing. Is it possible to be domain specific with network throttling using Chrome DevTools?

I know you can throttle the network in Chrome and simulate a slow connection (e.g. Regular 3G connection) via the Network conditions tab, but this affects all requests. I am hoping to just affect one specific API to simulate the situation where this other service is really slow but all others are fine.

Any way to throttle calls to a specific API in Chrome DevTools while leaving others unthrottled?

Normally both calls are shown, the pre-flight and the actual request. This is sometimes annoying. Is there a way to hide the pre-flights requests ?

Or is there a plugin to filter certain requests based on headers ?

How to filter (hide) Pre-flight requests on my Dev Tools Network

Recently I reinstalled my PC. When finished reinstalling everything I noticed upon using Inspect that the screen height and width of the page does not show on the top right corner anymore. 

Did they remove it or is there a secret setting I haven&#39;t found yet? or maybe a bug? This made my life so much easier when I had to make a site responsive.

Chrome does not show width and height of screen when inspecting the page with Inspect

chrome dev tools - displays some http header with a leading `:` (not sure why it does with some and not others).  

One of these is the http header `authority` which is displays as:

`authority:api.somedomain.com`

However this is listed in the list of http headers on Wikipedia. Is this a new HTTP2 header or is possible to define any new request field in the headers -or are these fixed?

authority http header - in chrome dev tools

My react folder structure is as below

[![enter image description here][1]][1]



   

I&#39;ve not used the create-react-app version. I tried using `GENERATE_SOURCEMAP=false`. But It didn&#39;t work.

Where can I find the .map files. How can I delete those files?

I cannot find a build folder.
I&#39;ve tried using the below script But It cannot work in removing source maps 

     &quot;scripts&quot;: {
    
        &quot;start&quot;: &quot;react-scripts start&quot;,
       &quot;build&quot;: &quot;GENERATE_SOURCEMAP=false &amp;&amp; npm run build&quot;,
        &quot;test&quot;: &quot;react-scripts test --env=jsdom&quot;,
        &quot;eject&quot;: &quot;react-scripts eject&quot;
      },


  [1]: https://i.stack.imgur.com/cH8sj.png

How to disable source maps for React JS Application

### My code

```lang-html
&lt;html&gt;
  &lt;head&gt;
    &lt;!-- Load TensorFlow.js --&gt;
    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/@tensorflow/tfjs&quot;&gt;&lt;/script&gt;
    &lt;!-- Load Posenet --&gt;
    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/@tensorflow-models/posenet&quot;&gt;&lt;/script&gt;
 &lt;/head&gt;

  &lt;body&gt;
    &lt;img id=&#39;cat&#39; src=&#39;./pose/images/aa_085.jpg&#39;/&gt;
  &lt;/body&gt;
  &lt;!-- Place your code in the script tag below. You can also use an external .js file --&gt;
  &lt;script&gt;
    var flipHorizontal = false;

    var imageElement = document.getElementById(&#39;cat&#39;);

    posenet.load().then(function(net) {
      const pose = net.estimateSinglePose(imageElement, {
        flipHorizontal: true
      });
      return pose;
    }).then(function(pose){
      console.log(pose);
    })
  &lt;/script&gt;
&lt;/html&gt;
```

I rarely use HTML and JavaScript and almost forget the most fundamentals. What is the error? 

### Error information

&gt; [DevTools][1] failed to load SourceMap: Could not load content for https://cdn.jsdelivr.net/npm/@tensorflow/tf.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

  [1]: https://developers.google.com/web/tools/chrome-devtools/



Content Type	Original Author	Original Content on Stackoverflow
Question	Jack Allan	View Question on Stackoverflow
Solution 1 - Javascript	Garbee	View Answer on Stackoverflow
Solution 2 - Javascript	Scotty Waggoner	View Answer on Stackoverflow

Disable source maps in Chrome DevTools

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

What is the proper way to determine if an object is a bytes-like object in Python?

Angular2 disable button

Attributions