safari

如何修复Safari在Mac上运行缓慢的问题？

由 纵饮孤独 提交于 2020-03-16 17:25:10
某厂面试归来，发现自己落伍了！>>> 为什么Safari在Mac上运行如此缓慢？有时，加载网页似乎要花很多时间，这实在令人沮丧。而且您将无法在页面之间来回切换。今天就来讲一讲如何修复Safari在Mac上运行缓慢的问题？ 1：过度工作的缓存和历史记录 与所有其他浏览器一样，Safari会自动将有关您访问的每个网站的信息存储为浏览历史记录。这些网站的元素（例如图像和html文件）将保存到缓存中，以便下次加载页面时更快，这给浏览器增加了负担。过度工作的缓存和历史记录可能是Safari变慢的最大“罪魁祸首”。因此，请尝试摆脱固定重量，然后查看Safari是否仍然很慢。以下是清除缓存中数据的方法，以便Safari可以更快地运行。 在Safari中清理历史记录 1.打开Safari 2.在菜单栏中查找历史记录（或单击Safari，然后选择清除历史记录） 3.单击底部的清除历史记录 4.选择时间范围，然后单击清除历史记录按钮。 清理Safari中的缓存 1.打开Safari 2.在菜单栏中找到首选项 3.转到高级选项卡 4.在菜单栏中选中“显示显影菜单” 5.单击菜单栏中的“开发” 6.选择清空缓存 您也可以手动清除清除Cache.db文件 1.打开查找器 2.单击底部的“转到并转到文件夹” 3.通过“~/ Library / Caches / com.apple.Safari / Cache

text-align:center works in chrome, doesn't work in safari

由 孤街醉人 提交于 2020-03-16 05:43:13
问题 This is how I use it. HTML <h1>text</h1> CSS h1 { text-align: center; } In Chrome everything works good, but aligned to the left in Safari . why that happens in Safari? 回答1: For Safari text-align: -webkit-center; 来源： https://stackoverflow.com/questions/35679627/text-aligncenter-works-in-chrome-doesnt-work-in-safari

Does this Safari behavior break the ECMAScript specification?

由 醉酒当歌 提交于 2020-03-16 05:43:11
问题 The following code prints 1 in Safari 13.0.4 on OSX. let set = new Set for(let x = 0; x < 2; x++) { function f() {} set.add(f) } console.log(set.size) // 1 in Safari non-strict mode Also: let set = new Set for(let x = 0; x < 2; x++) { function f() {} f.test = x set.add(f) } console.log(set.size); // 1 in Safari for(let x of set) console.log(x.test) // 1 in Safari non-strict mode And: let set = new Set; for(let x = 0; x < 2; x++) { var v = (function () {}) set.add(v); } console.log(set.size);

text-align:center works in chrome, doesn't work in safari

由 早过忘川 提交于 2020-03-16 05:42:25
问题 This is how I use it. HTML <h1>text</h1> CSS h1 { text-align: center; } In Chrome everything works good, but aligned to the left in Safari . why that happens in Safari? 回答1: For Safari text-align: -webkit-center; 来源： https://stackoverflow.com/questions/35679627/text-aligncenter-works-in-chrome-doesnt-work-in-safari

Does this Safari behavior break the ECMAScript specification?

由 ♀尐吖头ヾ 提交于 2020-03-16 05:42:07
问题 The following code prints 1 in Safari 13.0.4 on OSX. let set = new Set for(let x = 0; x < 2; x++) { function f() {} set.add(f) } console.log(set.size) // 1 in Safari non-strict mode Also: let set = new Set for(let x = 0; x < 2; x++) { function f() {} f.test = x set.add(f) } console.log(set.size); // 1 in Safari for(let x of set) console.log(x.test) // 1 in Safari non-strict mode And: let set = new Set; for(let x = 0; x < 2; x++) { var v = (function () {}) set.add(v); } console.log(set.size);

[CSS3] 新增属性用法整理

由 ◇◆丶佛笑我妖孽 提交于 2020-03-14 13:02:09
测试环境: OS --> winXP Browsers --> IE6+, FF 3.0.11, FF 3.5, Opera 10 beta 2, Safari 4, Chrome 3.0.195 一。 transition（a标签hover渐隐效果） a:hover{transition: color 0.15s linear 0s, background-color 0.3s linear 0s;} -webkit-transition:color 0.15s linear 0s, background-color 0.3s linear 0s; -moz-transition:color 0.15s linear 0s, background-color 0.3s linear 0s; -o-transition:color 0.15s linear 0s, background-color 0.3s linear 0s; -ms-transition:color 0.15s linear 0s, background-color 0.3s linear 0s; transition:color 0.15s linear 0s, background-color 0.3s linear 0s; 一. box-shadow(阴影效果) 使用: box-shadow: 20px

HTML5 拖放（Drag 和 Drop）详解与实例（转载）

由 ℡╲_俬逩灬. 提交于 2020-03-14 10:16:02
文章目录 简介 定义和用法 浏览器支持 实例 设置元素可拖放 拖动什么 - ondragstart 和 setData() 放到何处 - ondragover 进行放置 - ondrop dataTransfer对象 对象属性： 对象方法： Identify what is draggable Define the drag's data Define the drag image Define the drag effect Define a drop zone 火狐浏览器拖拽问题 参考 简介 拖放是一种常见的特性，即抓取对象以后拖到另一个位置。 在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。 先点击一个小例子：在用户开始拖动 <p> 元素时执行 JavaScript < p draggable ="true" ondragstart ="myFunction(event)" > 拖动我! </ p > 提示： 链接和图片默认是可拖动的，不需要 draggable 属性。 定义和用法 在拖放的过程中会触发以下事件： 在拖动目标上触发事件 (源元素) : ondragstart - 用户开始拖动元素时触发 ondrag - 元素正在拖动时触发 ondragend - 用户完成元素拖动后触发 释放目标时触发的事件: ondragenter -

js中复制功能总结

由 南楼画角 提交于 2020-03-13 00:29:27
目前copy主流有四种方式： ZeroClipboard ， Clipboard.js ， execCommand ，setData，clipboardData 概况： ZeroClipboard 就是常说的Flash法，通过加载一个Flash，让其访问系统剪贴板来绕过绝大多数系统的权限限制，然而体积稍微庞大些 Clipboard.js 近几年使用较多，体积相对小，兼容性可以接受，使用还比较方便。 execCommand 新兴势力，safari等主流正在努力兼容，是个好东西。 setData 太老。。一般不太用，基本只适合IE 兼容性： ZeroClipboard 兼容性最好，能全面兼容chrome/ FireFox/ IE/ 甚至Safari 这种“友好”的浏览器 Clipboard.js和execCommand兼容性相似，兼容chrome/ FF/ IE>9/ Safari新版（不太懂Safari版本号如何算。。感觉15年以后的都可以） setData 仅IE 体积： ZeroClipboard 插件较大，230KB Clipboard.js 较小，4KB execCommand是document方法，不用插件直接搞 虽说体积有差，加载起来速度差不多的其实。。话说git好像就是用的ZeroClipboard clipboardData对象

浏览器内核(Rendering Engine):Trident、Gecko、Presto、KHTML、WebCore、WebKit。

由 两盒软妹~` 提交于 2020-03-12 08:13:45
浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“解释引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如HTML、JavaScript）并渲染（显示）网页。 不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同，这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。 几种常见的浏览器内核简介： Trident：Windows下的IE浏览器使用的内核代号。除IE外，众多的IE Shell（如 Maxthon）都使用这个内核。 Gecko：Mozilla Firefox浏览器使用的内核代号。使用Gecko内核的浏览器也有不少，如Netscape、MozillaSuite/SeaMonkey等。另外，Mozilla Thunderbird也使用Gecko。 Presto：Opera浏览器使用的内核代号，这是目前公认网页浏览速度最快的浏览器内核。 KHTML/WebCore：Konqueror/Safari浏览器使用的内核代号。Konqueror是X协议下的KDE桌面环境使用的浏览器和资源管理器，可以用在Unix/Linux/BSD系统中，KDE 4.0以后向Windows移植；Safari则是Apple用户中最受欢迎的浏览器。 　　Trident （又称为MSHTML）

scrapy实践：headers伪造

由 孤街浪徒 提交于 2020-03-12 01:51:49
在写网络爬虫时，我们都需要伪装headers来避免反爬，主要就是更改user-agent和refere。 使用requests或urllib未使用scrapy时，都是手动指定headers例如： header = { 'Host': 'www.***.com', 'User-Agent': random.choice(pcUserAgent), 'Accept': '*/*', 'Accept-Language': 'zh-CN,zh;q=0.8,zh-TW;q=0.7,zh-HK;q=0.5,en-US;q=0.3,en;q=0.2', 'Accept-Encoding': 'gzip, deflate, br', 'X-Requested-With': 'XMLHttpRequest', 'Connection': 'close', 'Referer': 'https://www.***.com' } pcUserAgent是一个user-agent列表。 那使用scrapy框架时，伪装headers有多种方法，这里记录一下如何利用Downloader Middleware中间件来设置。 （1）首先，在setting.py中加入user-agent列表 # User-Agent USER_AGENTS = [ # Opera "Mozilla/5.0 (Windows NT 6
订阅 safari