safari

问题 world { width: 100%; height: 100%; position: absolute; perspective:800px; } bg { width: 100%; height: 100%; position: absolute; z:1; transform:rotateX(20deg) rotateY(10deg); background: url(https://images.pexels.com/photos/1154498/pexels-photo-1154498.jpeg?auto=compress&cs=tinysrgb&h=1250); } layer_wrap { width: 350px; height: 60px; position: absolute; top: 50%; left: 50%; mix-blend-mode: overlay; z:100; perspective:500px; transform-style:flat; backface-visibility:hidden; } layer { position

问题 I need redirect page after it load and get param from URL. I can do by button click. But I want redirect page automatic (without user input). I am use window.addEventListener('load', () => handleClick()) and it work well on Chrome. But on Safari (desktop and mobile) it not always fire (only sometimes it fire - not always). I can see this by add alert('Beginning'); in handler - on Chrome this fire automatic after page load, but not on Safari. How I can solve this? Thanks! const handleClick =

问题 I have a website, www.a.com In that website, I serve a page at https://www.a.com/mypage that contains this: <script src='https://www.b.com/anotherpage'></script> If I visit from every browser, b.com will receive this as http referrer: https://www.a.com/mypage However, if I visit from Safari mobile or desktop, the referrer becomes: https://www.a.com/ Why? How can I force Safari to send the full referrer? Example: from Safari, b.com logs: 123.45.678.901 - - [06/Jun/2020:00:32:03 +0200] "GET

问题 I have a website, www.a.com In that website, I serve a page at https://www.a.com/mypage that contains this: <script src='https://www.b.com/anotherpage'></script> If I visit from every browser, b.com will receive this as http referrer: https://www.a.com/mypage However, if I visit from Safari mobile or desktop, the referrer becomes: https://www.a.com/ Why? How can I force Safari to send the full referrer? Example: from Safari, b.com logs: 123.45.678.901 - - [06/Jun/2020:00:32:03 +0200] "GET

问题 Animating font sizes in Firefox has a nice smooth effect, while in Safari (and Chrome but less so) it is jumpy. By jumpy I mean the kerning and rendering on the text does not change smoothly, as if Safari is not able to keep up with the font sizes changing so fast. font size starts at 10px: $('#myel).animate({fontSize:'20px'}, 300); Is this normal behavior and is there some sneaky fix for this? 回答1: I believe this is down to rounding. Both in how font sizes are rendered and in how those fonts

问题 I'm trying to target Safari(both mobile and desktop) and append some styles for a class via Javascript . This is how my code looks like. (function safaristyles() { if (navigator.userAgent.match(/AppleWebKit/) && ! navigator.userAgent.match(/Chrome/)) { var avt = document.getElementsByClassName("avatar"); avt.style.border = "0" + "px"; avt.style.padding = "0" + "px"; } })(this); As I see it in Webkit inspector , this is the error I'm facing. Type Issue - 'undefined' is not an object

问题 In Safari 11 transition of outline width on hover is very buggy, it was working ok in previous versions. Any tips for workarounds? html <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> css .box{ display: inline-block; margin: 5px; width: 50px; height: 50px; background-color: #fff; outline: 0 solid #000; transition: outline linear .2s, background-color .3s; &:hover{ outline: 5px solid #000; background-color: red; } } https://jsfiddle.net/wj70onkw/

问题 These are the approaches I have tried: View HTTP headers in Safari 10, but the cookies is not showed there I can find Cookies section under Storage Tab, but the Cookies are displayed in a table. I would like to view the Cookies in a string rather than a table, is there any way except using another browser? 回答1: It will require a little fiddling, but there is a Python script here http://www.securitylearn.net/2012/10/27/cookies-binarycookies-reader/ that can dump the Binary Cookie format

问题 I know this is very general but I have a bug in my Next.js website, where when I open my site in Safari, it sometimes loads and sometimes doesn't (almost 50/50 chance - shows a blank page, but I can see outlines of some of my components, no text though). It happens on both iOS/macOS versions of Safari. I read about Cache-Control headers which apparently cause Safari trouble when trying to load the page, but I tried those solutions and they didn't work for me (e.g. setting headers like so res

问题 I have div which one on click trigger input-file. In other browsers (Chrome, Firefox, IE) it's working but in Safari(5.1.7) it doesn't. Any idea why? $(function() { $("#mask-button-file").click(function () { $("#mask-load-file").trigger('click'); }); }); <div id="mask-button-file" class="hover active"> . . . </div> <input type="file" id="mask-load-file" name="file1" > #mask-load-file{ display:none; opacity:0; } #mask-button-file{ width:81px; height: 40px; background-color: #f70808; float:left