hossein
5 سال پیش توسط hossein مطرح شد
3 پاسخ

عدم پیش نمایش اپ انگولاری در مرورگر سافاری

سلام
از دوستان انگولارکار اگر کسی تجربه گرفتن پیش نمایش اپ انگولاری رو در مرورگر سافاری داره لطفا راهنمایی کنه
چون بنده با آخرین آپدیت هم نتونستم و حتی سایت خود انگولار هم باز نمیکنه با سرچ فقط تونستم یه لینک به درد بخور پیدا کنم اما باز هم قضیه مثل سابق هست
https://stackoverflow.com/questions/56777096/angular-8-differential-loading-failing-due-to-auth-issues-with-dotnet-core

توی قضیه ساپورت مروررگرها هم انگولار سافاری رو هم عنوان کرده :
https://angular.io/guide/browser-support

تشکر


ثبت پرسش جدید
hossein
تخصص : برنامه نویس angular-node-js
@hossein.hedyeh 5 سال پیش مطرح شد
0

@hesammousavi
سلام
آقای موسوی شما میتونید راهنمایی بفرمایید ، ظاهرا کسی تجربه ای نداره


حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 5 سال پیش مطرح شد
0

منظورتون از پیش نمایش چیه ؟
در کروم یعنی اوکی هست ولی در سافاری فقط بالا نمیاد ؟


hossein
تخصص : برنامه نویس angular-node-js
@hossein.hedyeh 5 سال پیش مطرح شد
0

@hesammousavi
بابت تاخیر در پاسخ معذرت میخوام ،
بله منظورم preview گرفتن از اپ هستش در مرورگرهای کروم فایرفاکس و اپرا و اج مایکروسافت قضیه درست هست اما در سافاری و الانم تست کردم در اینترنت اکسپلورر هم همین وضیعیته که با اینکه http://localhost:4200 رو میزنم فقط صفحه سفید نشون داده میشه وقتی اینسپکت میگیرم توی این دوتا فقط تگ اپ روت رو نشون میده با فایلهای جی اس :

<html lang="en"><head>
  <meta charset="utf-8">
  <title>toop</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <app-root></app-root>
<script src="runtime.js" crossorigin="use-credentials" type="module"></script><script src="polyfills.js" crossorigin="use-credentials" type="module"></script><script src="styles.js" crossorigin="use-credentials" type="module"></script><script src="vendor.js" crossorigin="use-credentials" type="module"></script><script src="main.js" crossorigin="use-credentials" type="module"></script>

</body></html>

در حالی که همین وضعیت در کروم و بقیه که اشاره کردم اینجوریه :

<html lang="en"><head>
  <meta charset="utf-8">
  <title>toop</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
<style>html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  margin: 0;
  font-family: 'Vazir', Vazir, serif;
  font-weight: 600;
  direction: rtl;
  text-align: right;
  height: 200vh;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFHRSxzQkFBc0I7QUFDeEI7O0FBRUE7OztFQUtFLG1CQUFtQjtBQUNyQjs7QUFFQTtFQUNFLFNBQVM7RUFDVCxrQ0FBa0M7RUFDbEMsZ0JBQWdCO0VBQ2hCLGNBQWM7RUFDZCxpQkFBaUI7RUFDakIsYUFBYTtBQUNmIiwiZmlsZSI6InN0eWxlcy5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJodG1sIHtcbiAgLXdlYmtpdC1ib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAtbW96LWJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cbiosXG4qOmJlZm9yZSxcbio6YWZ0ZXIge1xuICAtd2Via2l0LWJveC1zaXppbmc6IGluaGVyaXQ7XG4gIC1tb3otYm94LXNpemluZzogaW5oZXJpdDtcbiAgYm94LXNpemluZzogaW5oZXJpdDtcbn1cblxuYm9keSB7XG4gIG1hcmdpbjogMDtcbiAgZm9udC1mYW1pbHk6ICdWYXppcicsIFZhemlyLCBzZXJpZjtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgZGlyZWN0aW9uOiBydGw7XG4gIHRleHQtYWxpZ246IHJpZ2h0O1xuICBoZWlnaHQ6IDIwMHZoO1xufVxuIl19 */</style><style>
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2FwcC5jb21wb25lbnQuY3NzIn0= */</style><style>nav[_ngcontent-dft-c22], .nav-left[_ngcontent-dft-c22] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

nav[_ngcontent-dft-c22] {
  width: 100%;
  padding: 35px 50px 0;
  position: fixed;

}

nav[_ngcontent-dft-c22]   ul[_ngcontent-dft-c22] {
  list-style: none;
  margin: 0;
  display: flex;
}

nav[_ngcontent-dft-c22]   a[_ngcontent-dft-c22]{
  color: #fff;
  text-decoration: none;
  padding: 15px;
}

nav[_ngcontent-dft-c22]   .nav-left[_ngcontent-dft-c22]   .main-menu[_ngcontent-dft-c22] {
  margin-right: 100px;
}

.left[_ngcontent-dft-c22]   li[_ngcontent-dft-c22]:nth-of-type(2)   a[_ngcontent-dft-c22] {
  margin: 0 50px;
}

.right[_ngcontent-dft-c22]   li[_ngcontent-dft-c22]:first-child   a[_ngcontent-dft-c22] {
  margin-left: 25px;
}

.sticky[_ngcontent-dft-c22] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  padding-top: 0;
  height: 60px;
  align-items: center;
  transition: all .5s ease-in-out;

  background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvbmF2L25hdi5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsYUFBYTtFQUNiLDhCQUE4QjtFQUM5QixtQkFBbUI7QUFDckI7O0FBRUE7RUFDRSxXQUFXO0VBQ1gsb0JBQW9CO0VBQ3BCLGVBQWU7O0FBRWpCOztBQUVBO0VBQ0UsZ0JBQWdCO0VBQ2hCLFNBQVM7RUFDVCxhQUFhO0FBQ2Y7O0FBRUE7RUFDRSxXQUFXO0VBQ1gscUJBQXFCO0VBQ3JCLGFBQWE7QUFDZjs7QUFFQTtFQUNFLG1CQUFtQjtBQUNyQjs7QUFFQTtFQUNFLGNBQWM7QUFDaEI7O0FBRUE7RUFDRSxpQkFBaUI7QUFDbkI7O0FBRUEsZ0JBQWdCOztBQUVoQjtFQUNFLGVBQWU7RUFDZixNQUFNO0VBQ04sT0FBTztFQUNQLFVBQVU7RUFDVixnQkFBZ0I7RUFDaEIsY0FBYztFQUNkLFlBQVk7RUFDWixtQkFBbUI7RUFDbkIsK0JBQStCO0VBQy9CLDZCQUE2QjtFQUM3QixtRUFBbUU7QUFDckUiLCJmaWxlIjoic3JjL2FwcC9uYXYvbmF2LmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJuYXYsIC5uYXYtbGVmdCB7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxufVxyXG5cclxubmF2IHtcclxuICB3aWR0aDogMTAwJTtcclxuICBwYWRkaW5nOiAzNXB4IDUwcHggMDtcclxuICBwb3NpdGlvbjogZml4ZWQ7XHJcblxyXG59XHJcblxyXG5uYXYgdWwge1xyXG4gIGxpc3Qtc3R5bGU6IG5vbmU7XHJcbiAgbWFyZ2luOiAwO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbn1cclxuXHJcbm5hdiBhe1xyXG4gIGNvbG9yOiAjZmZmO1xyXG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcclxuICBwYWRkaW5nOiAxNXB4O1xyXG59XHJcblxyXG5uYXYgLm5hdi1sZWZ0IC5tYWluLW1lbnUge1xyXG4gIG1hcmdpbi1yaWdodDogMTAwcHg7XHJcbn1cclxuXHJcbi5sZWZ0IGxpOm50aC1vZi10eXBlKDIpIGEge1xyXG4gIG1hcmdpbjogMCA1MHB4O1xyXG59XHJcblxyXG4ucmlnaHQgbGk6Zmlyc3QtY2hpbGQgYSB7XHJcbiAgbWFyZ2luLWxlZnQ6IDI1cHg7XHJcbn1cclxuXHJcbi8qc3RpY2t5IG5hdmJhciovXHJcblxyXG4uc3RpY2t5IHtcclxuICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgdG9wOiAwO1xyXG4gIGxlZnQ6IDA7XHJcbiAgei1pbmRleDogMTtcclxuICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gIHBhZGRpbmctdG9wOiAwO1xyXG4gIGhlaWdodDogNjBweDtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gIHRyYW5zaXRpb246IGFsbCAuNXMgZWFzZS1pbi1vdXQ7XHJcbiAgLypiYWNrZ3JvdW5kLWNvbG9yOiAjNDg1NDYwOyovXHJcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KHRvIHRvcCwgIzQ0ODFlYiAwJSwgIzA0YmVmZSAxMDAlKTtcclxufVxyXG4iXX0= */</style><style>header[_ngcontent-dft-c23] {
  background: url('header.svg') no-repeat;
  background-size: cover;
  height: 754px;
  width: 100%;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvaGVhZGVyL2hlYWRlci5jb21wb25lbnQuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsdUNBQTREO0VBQzVELHNCQUFzQjtFQUN0QixhQUFhO0VBQ2IsV0FBVztBQUNiIiwiZmlsZSI6InNyYy9hcHAvaGVhZGVyL2hlYWRlci5jb21wb25lbnQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiaGVhZGVyIHtcclxuICBiYWNrZ3JvdW5kOiB1cmwoXCIuLy4uLy4uL2Fzc2V0cy9pbWFnZS9oZWFkZXIuc3ZnXCIpIG5vLXJlcGVhdDtcclxuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xyXG4gIGhlaWdodDogNzU0cHg7XHJcbiAgd2lkdGg6IDEwMCU7XHJcbn1cclxuXHJcbiJdfQ== */</style></head>
<body cz-shortcut-listen="true">
  <app-root _nghost-dft-c24="" ng-version="9.1.6"><app-nav _ngcontent-dft-c24="" _nghost-dft-c22=""><nav _ngcontent-dft-c22=""><div _ngcontent-dft-c22="" class="nav-left"><div _ngcontent-dft-c22="" class="brand"><a _ngcontent-dft-c22="" routerlink="/" ng-reflect-router-link="/" href="/">لوگوی سایت</a></div><div _ngcontent-dft-c22="" class="main-menu"><ul _ngcontent-dft-c22="" class="left"><li _ngcontent-dft-c22=""><a _ngcontent-dft-c22="" routerlink="/" ng-reflect-router-link="/" href="/">صفحه اصلی</a></li><li _ngcontent-dft-c22=""><a _ngcontent-dft-c22="" routerlink="/css" ng-reflect-router-link="/css" href="/css">css</a></li><li _ngcontent-dft-c22=""><a _ngcontent-dft-c22="" routerlink="/javascript" ng-reflect-router-link="/javascript" href="/javascript">javascript</a></li></ul></div></div><div _ngcontent-dft-c22="" class="nav-right"><ul _ngcontent-dft-c22="" class="right"><li _ngcontent-dft-c22=""><a _ngcontent-dft-c22="" routerlink="/signup" ng-reflect-router-link="/signup" href="/signup">عضویت</a></li><li _ngcontent-dft-c22=""><a _ngcontent-dft-c22="" routerlink="/login" ng-reflect-router-link="/login" href="/login">ورود</a></li></ul></div></nav></app-nav><app-header _ngcontent-dft-c24="" _nghost-dft-c23=""><header _ngcontent-dft-c23=""></header></app-header><!--bindings={
  "ng-reflect-ng-if": "true"
}--><router-outlet _ngcontent-dft-c24=""></router-outlet><!--container--></app-root>
<script src="runtime.js" crossorigin="use-credentials" type="module"></script><script src="polyfills.js" crossorigin="use-credentials" type="module"></script><script src="styles.js" crossorigin="use-credentials" type="module"></script><script src="vendor.js" crossorigin="use-credentials" type="module"></script><script src="main.js" crossorigin="use-credentials" type="module"></script>

</body></html>

این اطلاعات رو با کپی کردن تگ html در inspect آوردم

تشکر


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام