科尔多瓦：警报未在桌面环境中显示（它们在模拟器和真实设备上均能正常工作）

Question

I am working on a pet project using Cordova. At the moment, target platform is only IOS.During the development, I was using alerts land marks to ensure what I intended was actually happening.(Personally, I found, alerts are easier to work with in simple cases where as logs are much handy in complex scenarios). At some point in the code, I have a button and a function that gets executed when that button is clicked.

Related cordova plugin is included, as you can see below the terminal output:

cordova plugins
cordova-plugin-dialogs 2.0.1 "Notification"
cordova-plugin-geolocation 4.0.1 "Geolocation"
cordova-plugin-whitelist 1.3.3 "Whitelist"

I have tied up alert function into window object for convenience:

document.addEventListener('deviceready', function () {
  console.log("deviceready");
  if (navigator.notification) { 
      window.alert = function (message) {
          navigator.notification.alert(
              message,    // message
              null,       // callback
              "My Awesome App", // title
              'OK'        // buttonName
          );
      };
      startApp();  // This is the kick off point for my app
  }
}, false);

UPDATE 3 : I suspect that above window.alert assignment is bugging things up. If I comment out this assignment, regular alerts works as expected (but they look ugly). Does anyone see anything suspicious with this usage?

In the startApp function, I have the following line to bind the click event to the button:

$('#startActionButton').on('click', {name: 'this is really not need'}, someView.startAction);

My startAction function lives in a View class and defined as:

this.startAction = function(event){
    window.alert('Starting Action');
    console.log('Starting Action');
}

This code works perfectly fine on IOS simulator and on a real IOS device. However, it is time consuming to deploy the code each and everytime to either platforms. So, I prefer to develop on responsive desktop environment for the most part, and then do a detailed testing in either simulator or real device at the end of each development cycle.

So, when I ran the application in desktop environment with:

cordova serve

I do see that Starting Action in the console log. However, I do not get the alert.!

Here are my questions.

1. Does anyone have any idea why it would be?
2. I debugged the code, and put a break point in the startAction function, on the line of alert function. There, in debugger window, I typed the following and got the responses as below:

Any idea how come is window.alert undefined although I can confirm that it exists and it has the correct source code?

This is not a road blocker problem for me, as I can live with console.logs but I am just curious, why alerts are failing to work on desktop environment. Is there any known bug in Cordova code? Am I missing anything? Just curious.

Any insight would be highly appreciated.

PS: I would like to add before asked that I also removed and re-installed the notifications plugin. But it did not help the case.

PS2: Version of cordova I am using is:

cordova -version
8.0.0

UPDATE 1 I forgot to add, I am also using ratchet.css (not js) for formatting, although I believe it has nothing to do with it.

UPDATE 2 Asked by @Gandhi, I have cordova.js included in my index.html

UPDATE 4 I renamed the custom alert as follows:

  window.myalert = function (message) {
      navigator.notification.alert(
          message,    // message
          null,       // callback
          "My Awesome App", // title
          'OK'        // buttonName
      );
  };

Now I can confirm that regular JS alerts work whereas this custom myalert still does not.

Answer 1

The primary intent of the OP is to develop and test the app in desktop environment so that the turn around time is quick. Once the application is tested in desktop environment, it can be ported to iOS simulator for further testing.

The 'browser' platform in cordova is tailor made for this requirement which helps in testing the app using browser like Chrome. You can check out the following link for more info on browser platform. Hope it helps.