{"id":29170,"date":"2019-01-30T00:00:00","date_gmt":"2019-01-29T23:00:00","guid":{"rendered":"https:\/\/blexin.com\/debuggare-angular-in-windows-con-parallels\/"},"modified":"2021-05-20T19:27:23","modified_gmt":"2021-05-20T17:27:23","slug":"debugging-angular-in-windows-with-parallels","status":"publish","type":"post","link":"https:\/\/blexin.com\/en\/blog-en\/debugging-angular-in-windows-with-parallels\/","title":{"rendered":"Debugging Angular in Windows with Parallels"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

Last week Carmine<\/a>, our Design and UX consultant, contacted me to ask for support with a problem on an Angular project. In particular, he was working on a project with a well-structured backend, configured on his Mac, and he received problems notice on the UI, when the application is executed on Firefox for Windows.<\/p>\n\n\n\n

Since he doesn\u2019t want to configure all his applications on windows to solve the problem, his question was: can I launch an Angular application on a Mac and run it on a Windows machine virtualized with Parallels? For those who don\u2019t know Mac\u2019s world, Parallels is the best-paid virtualizer for MacOS on the market. Of course, the answer is \u201cyes\u201d and the solution is both simple and useful, especially if you need to test your applications on IE or Edge too.<\/p>\n\n\n\n

When you execute an application generated with the Angular CLI (ng to be clear), this one starts Angular Live Development Server on localhost:4200:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

If you are working with Angular and Docker, you probably already know the parameter –host of ng serve, that serves to indicate the host on which the server must be listening in, whose default is exactly localhost. For our scope, we can use the host machine IP, but, since it may change often, we can use the address 0.0.0.0, that indicates to answer to requests coming from any address:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

If you launch windows on Parallels and you open Firefox or Edge, in the address of your host machine with port 4200, you can see that the Angular application is running:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

If you change the code and save, you can see that the live reload works too, and this permits you test modifications on Windows too.<\/p>\n\n\n\n

We can try also on IE, but we find out that the application doesn\u2019t work by default, unfortunately.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

If this is the first time you face this problem, maybe you usually don\u2019t test your applications on IE. Actually, in the standard template generated from the CLI, there\u2019s a file called polyfill.ts, that contains operations (commented by default) necessary to the operation of Angular on IE9\/IE10\/IE11 and Chrome versions < 5:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

A polyfill is a technique, that allows you to emulate some functionalities, which are not present in the oldest browsers. If you experienced the passage to HTML5, you probably know the library Modernizr<\/a>, the inclusion of which in the project permits to recognize new semantic elements in HTML5.<\/p>\n\n\n\n

Uncommenting the code, installing the packages indicated in the file and reading comments (in some cases you need to create a file specific for the configuration of zone.js), the application will work on Internet Explorer too, until the version 9. There is no support from the team for versions previous to the 9th. It must be said that the polyfill impacts on applications performance, then you have to pay attention to that.<\/p>\n\n\n\n

Happy Coding!<\/p>\n\n\n\n\n","protected":false},"excerpt":{"rendered":"

How to perform the debug of Angular applications on Windows with Mac using Parallels<\/p>\n","protected":false},"author":196716248,"featured_media":29153,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","inline_featured_image":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"{title}\n\n{excerpt}\n\n{url}","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_wpas_customize_per_network":false,"jetpack_post_was_ever_published":false},"categories":[688637524],"tags":[688637390],"class_list":["post-29170","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog-en","tag-angular-en"],"yoast_head":"\nDebugging Angular in Windows with Parallels - Blexin<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blexin.com\/en\/blog-en\/debugging-angular-in-windows-with-parallels\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Debugging Angular in Windows with Parallels - Blexin\" \/>\n<meta property=\"og:description\" content=\"How to perform the debug of Angular applications on Windows with Mac using Parallels\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blexin.com\/en\/blog-en\/debugging-angular-in-windows-with-parallels\/\" \/>\n<meta property=\"og:site_name\" content=\"Blexin\" \/>\n<meta property=\"article:published_time\" content=\"2019-01-29T23:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-20T17:27:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i2.wp.com\/blexin.com\/wp-content\/uploads\/2020\/12\/3cb43969-50ff-4bcb-ab00-f36834fa2cbc.png?fit=1024%2C608&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"608\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Michele Aponte\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Michele Aponte\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/blexin.com\\\/en\\\/blog-en\\\/debugging-angular-in-windows-with-parallels\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blexin.com\\\/en\\\/blog-en\\\/debugging-angular-in-windows-with-parallels\\\/\"},\"author\":{\"name\":\"Michele Aponte\",\"@id\":\"https:\\\/\\\/blexin.com\\\/en\\\/#\\\/schema\\\/person\\\/cdc5540c3b6edcacd8d760669e797005\"},\"headline\":\"Debugging Angular in Windows with Parallels\",\"datePublished\":\"2019-01-29T23:00:00+00:00\",\"dateModified\":\"2021-05-20T17:27:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blexin.com\\\/en\\\/blog-en\\\/debugging-angular-in-windows-with-parallels\\\/\"},\"wordCount\":489,\"image\":{\"@id\":\"https:\\\/\\\/blexin.com\\\/en\\\/blog-en\\\/debugging-angular-in-windows-with-parallels\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/blexin.com\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/3cb43969-50ff-4bcb-ab00-f36834fa2cbc.png?fit=1024%2C608&ssl=1\",\"keywords\":[\"Angular\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blexin.com\\\/en\\\/blog-en\\\/debugging-angular-in-windows-with-parallels\\\/\",\"url\":\"https:\\\/\\\/blexin.com\\\/en\\\/blog-en\\\/debugging-angular-in-windows-with-parallels\\\/\",\"name\":\"Debugging Angular in Windows with Parallels - Blexin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blexin.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/blexin.com\\\/en\\\/blog-en\\\/debugging-angular-in-windows-with-parallels\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/blexin.com\\\/en\\\/blog-en\\\/debugging-angular-in-windows-with-parallels\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/blexin.com\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/3cb43969-50ff-4bcb-ab00-f36834fa2cbc.png?fit=1024%2C608&ssl=1\",\"datePublished\":\"2019-01-29T23:00:00+00:00\",\"dateModified\":\"2021-05-20T17:27:23+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/blexin.com\\\/en\\\/#\\\/schema\\\/person\\\/cdc5540c3b6edcacd8d760669e797005\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blexin.com\\\/en\\\/blog-en\\\/debugging-angular-in-windows-with-parallels\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/blexin.com\\\/en\\\/blog-en\\\/debugging-angular-in-windows-with-parallels\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/blexin.com\\\/en\\\/blog-en\\\/debugging-angular-in-windows-with-parallels\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/blexin.com\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/3cb43969-50ff-4bcb-ab00-f36834fa2cbc.png?fit=1024%2C608&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/blexin.com\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/3cb43969-50ff-4bcb-ab00-f36834fa2cbc.png?fit=1024%2C608&ssl=1\",\"width\":1024,\"height\":608},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blexin.com\\\/en\\\/blog-en\\\/debugging-angular-in-windows-with-parallels\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/blexin.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Debugging Angular in Windows with Parallels\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blexin.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/blexin.com\\\/en\\\/\",\"name\":\"Blexin\",\"description\":\"Con noi \u00e8 semplice\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/blexin.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blexin.com\\\/en\\\/#\\\/schema\\\/person\\\/cdc5540c3b6edcacd8d760669e797005\",\"name\":\"Michele Aponte\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/32138aff568f2063b34d27a23cef27e09f3159bfcadea5ea05599c499cf4342f?s=96&d=identicon&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/32138aff568f2063b34d27a23cef27e09f3159bfcadea5ea05599c499cf4342f?s=96&d=identicon&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/32138aff568f2063b34d27a23cef27e09f3159bfcadea5ea05599c499cf4342f?s=96&d=identicon&r=g\",\"caption\":\"Michele Aponte\"},\"url\":\"https:\\\/\\\/blexin.com\\\/en\\\/author\\\/michele-aponteblexin-com\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Debugging Angular in Windows with Parallels - Blexin","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blexin.com\/en\/blog-en\/debugging-angular-in-windows-with-parallels\/","og_locale":"en_US","og_type":"article","og_title":"Debugging Angular in Windows with Parallels - Blexin","og_description":"How to perform the debug of Angular applications on Windows with Mac using Parallels","og_url":"https:\/\/blexin.com\/en\/blog-en\/debugging-angular-in-windows-with-parallels\/","og_site_name":"Blexin","article_published_time":"2019-01-29T23:00:00+00:00","article_modified_time":"2021-05-20T17:27:23+00:00","og_image":[{"width":1024,"height":608,"url":"https:\/\/i2.wp.com\/blexin.com\/wp-content\/uploads\/2020\/12\/3cb43969-50ff-4bcb-ab00-f36834fa2cbc.png?fit=1024%2C608&ssl=1","type":"image\/png"}],"author":"Michele Aponte","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Michele Aponte","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blexin.com\/en\/blog-en\/debugging-angular-in-windows-with-parallels\/#article","isPartOf":{"@id":"https:\/\/blexin.com\/en\/blog-en\/debugging-angular-in-windows-with-parallels\/"},"author":{"name":"Michele Aponte","@id":"https:\/\/blexin.com\/en\/#\/schema\/person\/cdc5540c3b6edcacd8d760669e797005"},"headline":"Debugging Angular in Windows with Parallels","datePublished":"2019-01-29T23:00:00+00:00","dateModified":"2021-05-20T17:27:23+00:00","mainEntityOfPage":{"@id":"https:\/\/blexin.com\/en\/blog-en\/debugging-angular-in-windows-with-parallels\/"},"wordCount":489,"image":{"@id":"https:\/\/blexin.com\/en\/blog-en\/debugging-angular-in-windows-with-parallels\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/blexin.com\/wp-content\/uploads\/2020\/12\/3cb43969-50ff-4bcb-ab00-f36834fa2cbc.png?fit=1024%2C608&ssl=1","keywords":["Angular"],"articleSection":["Blog"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/blexin.com\/en\/blog-en\/debugging-angular-in-windows-with-parallels\/","url":"https:\/\/blexin.com\/en\/blog-en\/debugging-angular-in-windows-with-parallels\/","name":"Debugging Angular in Windows with Parallels - Blexin","isPartOf":{"@id":"https:\/\/blexin.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blexin.com\/en\/blog-en\/debugging-angular-in-windows-with-parallels\/#primaryimage"},"image":{"@id":"https:\/\/blexin.com\/en\/blog-en\/debugging-angular-in-windows-with-parallels\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/blexin.com\/wp-content\/uploads\/2020\/12\/3cb43969-50ff-4bcb-ab00-f36834fa2cbc.png?fit=1024%2C608&ssl=1","datePublished":"2019-01-29T23:00:00+00:00","dateModified":"2021-05-20T17:27:23+00:00","author":{"@id":"https:\/\/blexin.com\/en\/#\/schema\/person\/cdc5540c3b6edcacd8d760669e797005"},"breadcrumb":{"@id":"https:\/\/blexin.com\/en\/blog-en\/debugging-angular-in-windows-with-parallels\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blexin.com\/en\/blog-en\/debugging-angular-in-windows-with-parallels\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blexin.com\/en\/blog-en\/debugging-angular-in-windows-with-parallels\/#primaryimage","url":"https:\/\/i0.wp.com\/blexin.com\/wp-content\/uploads\/2020\/12\/3cb43969-50ff-4bcb-ab00-f36834fa2cbc.png?fit=1024%2C608&ssl=1","contentUrl":"https:\/\/i0.wp.com\/blexin.com\/wp-content\/uploads\/2020\/12\/3cb43969-50ff-4bcb-ab00-f36834fa2cbc.png?fit=1024%2C608&ssl=1","width":1024,"height":608},{"@type":"BreadcrumbList","@id":"https:\/\/blexin.com\/en\/blog-en\/debugging-angular-in-windows-with-parallels\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blexin.com\/en\/"},{"@type":"ListItem","position":2,"name":"Debugging Angular in Windows with Parallels"}]},{"@type":"WebSite","@id":"https:\/\/blexin.com\/en\/#website","url":"https:\/\/blexin.com\/en\/","name":"Blexin","description":"Con noi \u00e8 semplice","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blexin.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blexin.com\/en\/#\/schema\/person\/cdc5540c3b6edcacd8d760669e797005","name":"Michele Aponte","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/32138aff568f2063b34d27a23cef27e09f3159bfcadea5ea05599c499cf4342f?s=96&d=identicon&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/32138aff568f2063b34d27a23cef27e09f3159bfcadea5ea05599c499cf4342f?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/32138aff568f2063b34d27a23cef27e09f3159bfcadea5ea05599c499cf4342f?s=96&d=identicon&r=g","caption":"Michele Aponte"},"url":"https:\/\/blexin.com\/en\/author\/michele-aponteblexin-com\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/blexin.com\/wp-content\/uploads\/2020\/12\/3cb43969-50ff-4bcb-ab00-f36834fa2cbc.png?fit=1024%2C608&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/pcyUBx-7Au","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blexin.com\/en\/wp-json\/wp\/v2\/posts\/29170","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blexin.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blexin.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blexin.com\/en\/wp-json\/wp\/v2\/users\/196716248"}],"replies":[{"embeddable":true,"href":"https:\/\/blexin.com\/en\/wp-json\/wp\/v2\/comments?post=29170"}],"version-history":[{"count":4,"href":"https:\/\/blexin.com\/en\/wp-json\/wp\/v2\/posts\/29170\/revisions"}],"predecessor-version":[{"id":32014,"href":"https:\/\/blexin.com\/en\/wp-json\/wp\/v2\/posts\/29170\/revisions\/32014"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blexin.com\/en\/wp-json\/wp\/v2\/media\/29153"}],"wp:attachment":[{"href":"https:\/\/blexin.com\/en\/wp-json\/wp\/v2\/media?parent=29170"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blexin.com\/en\/wp-json\/wp\/v2\/categories?post=29170"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blexin.com\/en\/wp-json\/wp\/v2\/tags?post=29170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}