iOS runtime should provide an application that would be used to visualize the updated web inspector frontend. So open the application instead of Safari, because Safari is not able to render the frontend properly

Author: KristinaKoeva

lib/services/ios-debug-service.ts

@@ -6,6 +6,7 @@ import stream = require("stream");
 import path = require("path");
 import http = require("http");
 import Future = require("fibers/future");
+import util = require("util");
 
 module notification {
     function formatNotification(bundleId: string, notification: string) {
@@ -204,12 +205,15 @@ class IOSDebugService implements IDebugService {
 
     private openDebuggingClient(): IFuture<void> {
         return (() => {
-            var cmd = "open -a Safari " + this.getSafariPath().wait();
+            var inspectorPath = this.getInspectorPath().wait();
+            var inspectorApplicationPath = path.join(inspectorPath, "NativeScript Inspector.app");
+            var inspectorSourceLocation = path.join(inspectorPath, "Safari/Main.html");
+            var cmd = util.format("open -a '%s' --args '%s' '%s'", inspectorApplicationPath, inspectorSourceLocation, this.$projectData.projectName);
             this.$childProcess.exec(cmd).wait();
         }).future<void>()();
     }
 
-    private getSafariPath(): IFuture<string> {
+    private getInspectorPath(): IFuture<string> {
         return (() => {
             var tnsIosPackage = "";
             if (this.$options.frameworkPath) {
@@ -221,8 +225,8 @@ class IOSDebugService implements IDebugService {
                 var platformData = this.$platformsData.getPlatformData(this.platform);
                 tnsIosPackage = this.$npmInstallationManager.install(platformData.frameworkPackageName).wait();
             }
-            var safariPath = path.join(tnsIosPackage, "WebInspectorUI/Safari/Main.html");
-            return safariPath;
+            var inspectorPath = path.join(tnsIosPackage, "WebInspectorUI/");
+            return inspectorPath;
         }).future<string>()();
     }
 }