«safari» 태그된 질문

Safari는 macOS 및 iOS의 기본 브라우저 인 Apple의 웹 브라우저입니다.

14
<body>에 적용된 overflow : hidden이 iPhone Safari에서 작동합니까?
iPhone Safari overflow:hidden에서 &lt;body&gt;작동 합니까 ? 그렇지 않은 것 같습니다. 나는 그것을 달성하기 위해 전체 웹 사이트에 래퍼를 만들 수 없습니다 ... 당신은 해결책을 알고 있습니까? 예 : 긴 페이지가 있고 단순히 "폴드"아래에있는 컨텐츠를 숨기고 싶다면 iPhone / iPad에서 작동해야합니다.
131 iphone  css  ipad  safari  overflow 


10
Mac이없는 경우 Mac / Safari에서 웹 응용 프로그램 테스트
최근에 내가 시작한 웹 사이트가 Windows의 IE, Firefox, Chrome 및 Safari에서 완벽하게 표시되었지만 Mac에서 Safari를 사용하여 볼 때 손상되었을 때 (잠재 고객에 의해) 제 사이트가 어떻게 보이는지 테스트를 시작해야합니다. Mac에서 볼 수 있습니다. 문제는 Mac이 없다는 것입니다. 많은 브라우저가 설치된 Mac에 VNC 액세스를 제공한다고 주장하는 BrowsrCamp를 사용해 보았지만 신뢰할 수 …
122 macos  safari 

3
SystemJS와 같은 모듈 로더를 사용할 때 Safari의 Web Inspector에서 디버깅
, 및 모듈 로더를 Ionic사용하여 앱을 만들고 있습니다. 이것은 내 설정입니다.es6 modulesTypeScriptSystemJS tsconfig.json : { "compilerOptions": { ... "target": "es5", "module": "system", ... } } index.html : &lt;script src="lib/system.js"&gt;&lt;/script&gt; &lt;script src="systemjs.config.js"&gt;&lt;/script&gt; &lt;script&gt;System.import('js/app.js')&lt;/script&gt; 예제 스크립트 (TypeScript) : import {IConfig} from "./app-config"; export class ConfigLoader { ... } 모든 것이 Chrome에서 훌륭하게 …

7
Mac 용 Safari에서 선택한 요소의 광택을 제거하려면 어떻게해야합니까?
Mac 및 iOS 기기의 Safari에서 &lt;select&gt;배경색이 있는 요소는 자체적으로 광택을 생성합니다. 이것은 다른 운영 체제에서는 발생하지 않는 것 같습니다. 예를 들어 다음과 같은 스타일 속성이있는 select 요소가 있습니다. select { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px 6px; margin: 10px 0 7px; width: 250px; background-color: #BD2786; color: white; letter-spacing: …


1
SVG는 Safari 10에서 회전하면 색상이 변경됩니다.
Safari 10에서만 나타나는 매우 이상한 문제가 발생했습니다 transform:rotate(xdeg). 가끔을 사용하여 회전하는 카드 놀이, svg 이미지가 있습니다 . 사용중인 카드는 빨간색 블록 패턴입니다. 회전하지 않거나 직각 (예 : 90, 180, 270)으로 회전하면 정상적으로 보입니다. 그러나 그 이외의 각도와 배경 패턴은 파란색으로 변합니다! 내 사용자 중 한 명으로부터 이것에 대한 보고서를 받았으며 …
109 html  css  svg  safari 

13
JavaScript의 익명 함수에 대한 removeEventListener
메서드가있는 개체가 있습니다. 이러한 메서드는 익명 함수 내부의 개체에 배치됩니다. 다음과 같이 보입니다. var t = {}; window.document.addEventListener("keydown", function(e) { t.scroll = function(x, y) { window.scrollBy(x, y); }; t.scrollTo = function(x, y) { window.scrollTo(x, y); }; }); (더 많은 코드가 있지만 문제를 보여주기에는 충분합니다) 이제 경우에 따라 이벤트 리스너를 중지하고 …

14
iOS Safari – 오버 스크롤을 비활성화하고 스크롤 가능한 div가 정상적으로 스크롤되도록 허용하는 방법은 무엇입니까?
저는 iPad 기반 웹 앱에서 작업 중이며 웹 페이지처럼 보이지 않도록 오버 스크롤을 방지해야합니다. 나는 현재 이것을 사용하여 뷰포트를 고정하고 오버 스크롤을 비활성화합니다. document.body.addEventListener('touchmove',function(e){ e.preventDefault(); }); 이것은 오버 스크롤을 비활성화하는 데 효과적이지만 내 앱에는 스크롤 가능한 div가 여러 개 있으며 위의 코드는 스크롤을 방지합니다 . 저는 iOS 5 이상 만 …


3
Safari에서 텍스트 영역 크기 조정 핸들 숨기기
내 응용 프로그램에서 텍스트 영역 구성 요소를 사용하고 있으며 높이를 동적으로 제어합니다. 사용자가 입력하면 텍스트가 충분할 때마다 높이가 증가합니다. 이것은 IE, Firefox 및 Safari에서 잘 작동합니다. 그러나 Safari에는 오른쪽 하단에 "핸들"도구가있어 사용자가 클릭하고 드래그하여 텍스트 영역의 크기를 조정할 수 있습니다. 또한 stackoverflow Ask a Question 페이지의 텍스트 영역에서이 문제를 발견했습니다. …
97 safari  webkit  css 

12
iOS8의 Safari는 고정 요소가 포커스를받을 때 화면을 스크롤합니다.
IOS8 Safari에는 위치가 수정 된 새로운 버그가 있습니다. 고정 된 패널에있는 텍스트 영역에 초점을 맞추면 safari는 페이지 하단으로 스크롤합니다. 이렇게하면 페이지를 끝까지 스크롤하고 위치를 잃지 않고는 텍스트 영역에 텍스트를 입력 할 방법이 없기 때문에 모든 종류의 UI를 사용할 수 없습니다. 이 버그를 깔끔하게 해결할 수있는 방법이 있습니까? #a { height: …
96 javascript  ios  css  safari  ios8 

10
비활성화 된 입력 텍스트 색상
아래의 간단한 HTML은 Firefox 및 WebKit 기반 브라우저에서 다르게 표시됩니다 (Safari, Chrome 및 iPhone에서 확인했습니다). Firefox에서는 테두리와 텍스트의 색상이 같지만 ( #880000) Safari에서는 텍스트가 약간 밝아집니다 (투명도가 적용된 것처럼). 어떻게 든이 문제를 해결할 수 있습니까 (Safari에서이 투명도 제거)? &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;style type="text/css"&gt; input:disabled{ border:solid 1px #880000; background-color:#ffffff; color:#880000; …
95 iphone  html  css  safari  webkit 

24
Safari, iPhone 및 iPad에서 HTML5 비디오 태그가 작동하지 않음
나는 13s와 같은 작은 비디오가있는 html5 웹 페이지를 만들려고합니다.이 비디오의 플래시 버전을 3 형식으로 변환했습니다 .fireFogg를 사용하는 .ogv, firefogg를 사용하는 .webm 및 HandBrake 응용 프로그램을 사용하는 .mp4 html 스크립트 내 페이지에서 사용했습니다. &lt;video width="800" height="640" loop preload="false" autoplay controls tabindex="0"&gt; &lt;source src="xmasvideo/video.mp4" type="video/mp4" /&gt; &lt;source src="xmasvideo/M&amp;P-Xmas 2.ogv" type="video/ogv" /&gt; &lt;source …

5
NodeJS / express : 캐시 및 304 상태 코드
Express로 만든 웹 사이트를 다시로드하면 NodeJS 서버가 304 상태 코드를 보내므로 Safari (Chrome이 아님)에서 빈 페이지가 나타납니다. 이것을 해결하는 방법? 물론 이것은 Safari의 문제 일 수도 있지만 실제로는 다른 모든 웹 사이트에서 잘 작동하므로 NodeJS 서버에서도 문제가 될 것입니다. 페이지를 생성하기 위해 저는 res.render. 업데이트 : Safari 'cache-control': 'max-age=0'가 다시로드 …

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.