To avoid scamming, chromium and hence chrome have decided to remove the ability to set a custom message in the `onbeforeunload` dialog.

See this [bug report](https://bugs.chromium.org/p/chromium/issues/detail?id=587940) from the 18th of February, 2016.

&gt; onbeforeunload dialogs are used for two things on the Modern Web:  
 1.  Preventing users from inadvertently losing data.  
 2.  Scamming users.  

&gt;In an attempt to restrict their use for the latter while not stopping the former, we are going to not display the string provided by the webpage. Instead, we are going to use a generic string.

&gt;Firefox already does this[...]

I am currently testing an app in TestFlight and need a production APNs certificate in order to test Notifications in Firebase.

I have followed all of the steps in this video and successfully configured the development APNs certificate:
https://www.youtube.com/watch?v=LBw5tuTvKd4

I&#39;ve also checked that my steps following the Firebase support guide. Although I note that the Apple Developer site has changed slightly since this guide was written:
https://firebase.google.com/docs/cloud-messaging/ios/certs#configure_an_app_id_for_push_notifications

I have generated a production APNs certificate at developer.apple.com using the same method as the development certificate but when I try to upload the .p12 file to Firebase, it gives me the following error:

&quot;The certificate environment did not match. Ensure that you got the right development or production APNS certificate.&quot;

I&#39;m definitely uploading a .p12 generated from a production APNS certificate, is there something else I need to do for a production certificate?

Firebase: Cannot upload production APNs certificate

I&#39;m trying to render a `div` on the same page when the user clicks on a link.

My HTML page:

      
    &lt;div class=&quot;stores&quot;&gt;
      &lt;h1&gt;Stores&lt;/h1&gt;
      &lt;ul class=&quot;stores&quot;&gt;
        &lt;li&gt;&lt;a href=&quot;#&quot; onClick={this.onClick} &gt;Store A&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;Store B&lt;/li&gt;
        &lt;li&gt;Store C&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;

My `components/store.js.jsx`:

    var Store = React.createClass({
      getInitialState: function() {
        return { showStore: false };
      },
      onClick: function() {
          this.setState({ showStore: true });
      },
      render: function() {
      return(
        &lt;div className=&quot;row account stores&quot; style={{display: { this.state.showStore ? &#39;block&#39; : &#39;none&#39;} }}&gt;
          &lt;div&gt;a lot more divs&lt;/div&gt;
            &lt;/div&gt;
        );
      }
    });

But I get a:

&gt; SyntaxError: unknown: Unexpected token

For this line:

    style={{display: { this.state.showStore ? &#39;block&#39; : &#39;none&#39;} }}

How can I nest conditionally inside a style? 


How to CSS display:none within conditional with React JSX?

I have custom message to onbeforeunload event and was working well but I noticed today that it&#39;s not showing my message anymore. Instead it shows &quot;changes you made may not be saved&quot;

    window.onbeforeunload = function () {

        return &#39;Custom message&#39;
    }

can anyone please let me know how to fix it?

javascript onbeforeunload not showing custom message

I have custom message to onbeforeunload event and was working well but I noticed today that it's not showing my message anymore. Instead it shows "changes you made may not be saved"
<pre><code class="hljs language-javascript">window.onbeforeunload = function () {

 return 'Custom message'
}
</code></pre>
can anyone please let me know how to fix it?

    &lt;!DOCTYPE html&gt;
    
    &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
    &lt;head runat=&quot;server&quot;&gt;
        &lt;title&gt;&lt;/title&gt;
      
            &lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js&quot;&gt;&lt;/script&gt;
    
        &lt;script&gt;
    
            $(document).ready(function () {
    
    
                var data = [{
                    &quot;Id&quot;: &quot;SWE&quot;,
                    &quot;Country&quot;: &quot;Sweden&quot;,
                    &quot;Population&quot;: 9592552
                }, {
                    &quot;Id&quot;: &quot;NOR&quot;,
                    &quot;Country&quot;: &quot;Norway&quot;,
                    &quot;Population&quot;: 5084190
                }];
             
    
                function display(e) {
                    alert(&quot;E&quot; + e);
                    var countryData = data.find(function (element, index, array) {
                        return element.Id === e;
                    });
                    alert(countryData.Population);
                }
                display(&#39;SWE&#39;);
    
               
            });
    
         
        &lt;/script&gt;
    &lt;/head&gt;
    &lt;/html&gt;


The code posted above is working properly on Firefox and Chrome but I get an error in Internet Explorer. Error message:

&gt;Object doesn&#39;t support property or method &#39;find&#39;

&quot;Object doesn&#39;t support property or method &#39;find&#39;&quot; in IE

Alright, I&#39;m creating a system for my webpage that allows users to change the theme. How I want to accomplish this is by having all the colors as variables, and the colors are set in the :root part of the CSS.

What I want to do is change those colors via JavaScript. I looked up how to do it, but nothing that I attempted actually worked properly. Here&#39;s my current code:

CSS:

    :root {
      --main-color: #317EEB;
      --hover-color: #2764BA;
      --body-color: #E0E0E0;
      --box-color: white;
    }

JS:

(Code to set the theme, it&#39;s ran on the click of a button) - I didn&#39;t bother adding the :root change to the other 2 themes since it doesn&#39;t work on the Dark theme

    function setTheme(theme) {
      if (theme == &#39;Dark&#39;) {
        localStorage.setItem(&#39;panelTheme&#39;, theme);
        $(&#39;#current-theme&#39;).text(theme);
        $(&#39;:root&#39;).css(&#39;--main-color&#39;, &#39;#000000&#39;);
      }
      if (theme == &#39;Blue&#39;) {
        localStorage.setItem(&#39;panelTheme&#39;,  &#39;Blue&#39;);
        $(&#39;#current-theme&#39;).text(&#39;Blue&#39;);
        alert(&quot;Blue&quot;);
      }
      if (theme == &#39;Green&#39;) {
        localStorage.setItem(&#39;panelTheme&#39;, &#39;Green&#39;);
        $(&#39;#current-theme&#39;).text(&#39;Green&#39;);
        alert(&quot;Green&quot;);
      }
    }

(Code that is ran when the html &lt;body&gt; is loaded)

    function loadTheme() {
      //Add this to body onload, gets the current theme. If panelTheme is empty, defaults to blue.
      if (localStorage.getItem(&#39;panelTheme&#39;) == &#39;&#39;) {
        setTheme(&#39;Blue&#39;);
      } else {
        setTheme(localStorage.getItem(&#39;panelTheme&#39;));
        $(&#39;#current-theme&#39;).text(localStorage.getItem(&#39;panelTheme&#39;));
      }
    }

It shows the alert, but does not actually change anything. Can someone point me in the right direction?

How to change CSS :root color variables in JavaScript

I can have a getter in a JavaScript object like this:

    var member = {
        firstName:&quot;XYZ&quot;, 
        lastName:&quot;zzz&quot;, 
        get fullName(){ return (this.firstName + &#39; &#39; + this.lastName); }
    }

I can even add more properties on the fly, like this:

    member.isGuest = true;

But, is there any way we can add getters to an existing object? Something like this:

    member.isGuest = get isGuest(){ return this.firstName==&#39;Guest&#39;; }


Javascript : How to add getter to an existing object

The (unclear) example in the [new docs][1]:

    var user = firebase.auth().currentUser;
    var credential;
    // Prompt the user to re-provide their sign-in credentials
    user.reauthenticateWithCredential(credential).then(function() {

**How should I create this `credential` object?**

I tried: 

  *  `reauthenticateWithCredential(email, password)` (like the login method)
  *  `reauthenticateWithCredential({ email, password })` (the docs mention one argument only)

No luck :(

*PS: I don&#39;t count the hours wasted searching for relevant info in the new docs... I miss so much the fabulous firebase.com docs, but wanted to switch to v3 or superior for firebase.storage...*


  [1]: https://firebase.google.com/docs/auth/web/manage-users#re-authenticate_a_user

How to create &quot;credential&quot; object needed by Firebase web user.reauthenticateWithCredential() method?

I was experimenting on using Node version **6.2.1** with some of my code. Had plans to migrate most of the hyper-callback oriented codes to something that looks cleaner and maybe performs better.

I have no clue why, the terminal throws up an error when I try to execute the node code.

**helloz.js**

    (async function testingAsyncAwait() {
        await console.log(&quot;Print me!&quot;);
    })();

**Logs-**

    BOZZMOB-M-T0HZ:rest bozzmob$ node helloz.js 
    /Users/bozzmob/Documents/work/nextgennms/rest/helloz.js:1
    (function (exports, require, module, __filename, __dirname) { (async function testingAsyncAwait() {
                                                                         ^^^^^^^^
    SyntaxError: Unexpected token function
        at Object.exports.runInThisContext (vm.js:53:16)
        at Module._compile (module.js:513:28)
        at Object.Module._extensions..js (module.js:550:10)
        at Module.load (module.js:458:32)
        at tryModuleLoad (module.js:417:12)
        at Function.Module._load (module.js:409:3)
        at Function.Module.runMain (module.js:575:10)
        at startup (node.js:160:18)
        at node.js:456:3
    BOZZMOB-M-T0HZ:rest bozzmob$ node -v
    v6.2.1

What am I missing? Please throw me some light on the same.

---

**Update 1:**

I tried to use Babel as Quentin suggested, But, I am getting the following error still.

**Updated Code-**

    require(&quot;babel-core/register&quot;);
    require(&quot;babel-polyfill&quot;);
    
        (async function testingAsyncAwait() {
            await console.log(&quot;Print me!&quot;);
        })();

**Logs-**

    BOZZMOB-M-T0HZ:rest bozzmob$ babel helloz.js &gt; helloz.trans.js
    SyntaxError: helloz.js: Unexpected token (3:7)
      1 | require(&quot;babel-polyfill&quot;);
      2 | 
    &gt; 3 | (async function testingAsyncAwait() {
        |        ^
      4 |     await console.log(&quot;Print me!&quot;);
      5 | })();



SyntaxError: Unexpected token function - Async Await Nodejs

I am using gravatars and it&#39;s rather often when I downscale them with css, and I believe Google Chrome used to do it properly until recently ( I may be wrong, not sure when exactly the problem started to occur ) but now, images get blurred when downscaled, and that happens only in Chrome, FF downscales pretty good. I tried using `image-rendering` but it doesn&#39;t solve the problem. Can someone give me a hint what is the best way to go about it?

The example can be found [here][1], open it in Chrome and then in FF, it should be way more blurred in Chrome than in FF.

Thank you


  [1]: https://jsfiddle.net/6Lsz62cp/1/

Blurry downscaled images in Chrome

Is there any way to debug chrome browser on IOS device?

If there is no way, how i can approach to bug in chrome on ios?

Searched the web and didn&#39;t find sufficient answer.




Is there any way to debug chrome in any IOS device

Unfortunately in the last versions of Chrome the negative network filter doesn&#39;t work anymore. I used this filter in order to exclude each http call containing a particular string. I asked a solution in Chrome dev tool forum but at the moment nobody answered.

So I would like to know if there is a way to resolve this problem (and exclude for example each call containing the string &#39;loadMess&#39;) with regex syntax.

Chrome dev tools: any way to exclude requests whose URL matches a regex?

Is there any way to disable web socket connections or end a web socket connection through Chrome&#39;s developer tools network tab?

I&#39;ve noticed that turning throttling under the network tab to *Offline* doesn&#39;t affect web socket connections that have already been established.  It only prevents traditional HTTP requests from going out.

There&#39;s a question [here][1] related to this, but it&#39;s woefully outdated.


  [1]: https://stackoverflow.com/questions/5612158/how-can-i-temporarily-disable-websocket-in-google-chrome

Chrome - Disabling Web Sockets or Closing a Web Socket Connection?

I&#39;ve created a new Foundation 5 project through bash, with `foundation new my-project`. When I open the index.html file in Chrome an `Uncaught TypeError: a.indexOf is not a function` error is shown in the console, originating in `jquery.min.js:4`.

I created the project following the steps on the foundation site, but I can&#39;t seem to get rid of this error. Foundation and jQuery look like they are included and linked up correctly in the index.html file, and the linked app.js file is including `$(document).foundation();`

Does anyone know what is causing this error? and what a solution might be?

[![Console error message screenshot][1]][1]


  [1]: http://i.stack.imgur.com/wJqcE.png

Content Type	Original Author	Original Content on Stackoverflow
Question	Tushar ani	View Question on Stackoverflow
Solution 1 - Javascript	Kaiido	View Answer on Stackoverflow

javascript onbeforeunload not showing custom message

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

How to CSS display:none within conditional with React JSX?

Firebase: Cannot upload production APNs certificate

Attributions