Safari 脚本编辑体验

发布于：2024-10-24 编辑：匿名来源：网络

背景是这样的。我在用Safari查看hackingwithswift这个网站的时候，感觉顶部两个固定的红黑条，如下图，太扎眼了，于是就想着怎么去掉。

13.png实现首先查看这两个是如何实现的，右键选择Inspect Element，选择对应的两个区域，查看，如下： 31.png知道了两个模块的class或者id后，下一步就是尝试在Console中获取，看看是否可以实现，如下：可以找到49.png。接下来要考虑如何通过Safari Extension脚本编辑来实现自动删除。

首先，安装 Safari 扩展、Userscripts 或 Stay-Userscript 扩展。这两个就选其一吧。

对于自己写javascript的情况，建议使用第一种，因为Userscripts的编辑界面比较好用。安装完成后打开，在Safari扩展界面启用，如下：53.png 然后如下图，点击打开扩展页面，43.png，然后点击新建Javascript，进入js脚本编辑页面，51.png进入js脚本编辑页面后，可以看到如下页面，其中@name是这个文件的名称，或者这个js脚本的名称@description是这个文件的功能描述。

@match是要匹配的URL。如果浏览器地址栏中输入的URL与@match匹配，如果返回true，则调用$(function(){})入口方法54。

png 然后问题就来了，具体的代码怎么写。我从来没有认真写过js代码，更不用说油猴脚本了。

我该如何开始？这很简单。作为参考，我之前安装了xxx ad clean，打开看一下代码结构和格式，首先确认一下格式怎么写，里面的功能怎么实现。

一般格式如下：代码语言：Javascript copy (function() { 'use strict'; xxx function clearAD(){ xxx } xxx setTimeout(()=> {clearAD();},);})( );所以要按照同样的逻辑实现，只需将clearAD方法改为removeNavbarAndSkybar，然后在内部实现即可只需删除导航栏和天空栏即可。原因是这样的，但是我还是不知道内部如何实现该方法，怎么办？然后借鉴一下，参考下面的代码。

可以发现通过document.querySelectorAll方法获取class或者id，然后for循环就动了Except代码语言：Javascript copy functionclearAD(){ if(!document.querySelectorAll)return; var mAds=document.querySelectorAll(".ec_wise_ad,.ec_youxuan_card,.page-banner"),i; for(i=0;i div,#content_left>table"); for(i=0;i span"); if(span && span.innerHTML=="广告"){ item.remove(); } xxx因此，请参考上面的代码并实现您自己的代码，如下所示：代码语言：Javascript copy // ==UserScript==// @name Remove Hacking With Swift Navbar and skybar // @description Remove Hacking With Swift Navbar and skybar // @match *://*/*// ==/UserScript==(function() { 'use strict'; function removeNavbarAndSkybar(){ var mAds=document.querySelectorAll(".navbar"),i; for (i =0;i{removeNavbarAndSkybar();},);})();然后点击右下角的保存，然后点击左边的打开，如下图：29.png 然后打开网址：可以发现已经修复的红黑的都被去掉了，基本上就完事了完全的。优化：仔细看上面的脚本代码，你会发现最终的调用是通过setTimeout(){}延迟调用的。

这样的延迟合理吗？有什么问题吗？判断网页是否加载然后移除是不是更好？上面的代码是去除hackingwithswift网站的相应内容。但脚本中并没有对域名进行判断。

站长声明

标签：

上一篇：Robot-adams 机器人动力学仿真

下一篇：一步一步教你如何使用Python实现UI框架

专注于脑血管疾病智能诊疗，强联智创宣布完成数千万元B轮融资

投资界消息，强联智创，一家专注于智能诊疗的高科技公司脑血管病宣布完成数千万元B轮融资 B轮融资，本轮融资由山蓝资本领投，奇伦创投、庆喆创投跟投。本轮融资将主要用于推动公司脑卒中诊疗产品的商业推广和落地。强联智创成立于今年9月。是一家应用AI大数据精准诊疗脑血

06-18
凌雄科技首份财报：营收16.64亿元，净利润近亿元

2020年7月12日，中国DaaS（设备即服务）行业龙头股凌雄科技发布年度业绩公告。公告显示，凌雄科技实现营收约16.64亿元（以下均为人民币），同比增长约25.1%，实现利润约万元，同比大幅扭亏为盈-年。凌雄科技于当年4月向香港联交所提交招股说明书，10月通过香港联交所听证会

06-18
对赌条款是否存争议、纠纷？南讯股份回复创业板IPO问询

厦门南讯股份有限公司回复创业板IPO首轮问询，其中对赌协议、收入确认、毛利率、存货等相关问题被关注。

06-18
兰亭集势海外IPO盘点国内电商上市公司生存现状

2017年唯品会作为电商概念股率先出海，敲开了冰冷的资本市场的大门在美国。随后，欢聚时代与中国手游娱乐集团（中手游）成功海外上市。　　无独有偶，2020年，电商概念股依然是海外资本市场最先敲门的。北京时间2020年5月24日消息，中国外贸B2C电商兰亭集团计划于美国时间

06-18
蔚来与吉利正式宣布合作，换电真的要发生吗？

蔚来又多了一个改变权力的“盟友”。刚刚，浙江吉利控股集团有限公司与蔚来控股有限公司在杭州签署换电战略合作协议。双方将在换电标准、换电技术、换电服务网络建设与运营、换电模式研发与定制等方面开展合作。、电池资产管理与运营等领域开展全面合作，打造“私家车”和

06-21
耀明医疗完成2000万元Pre-A轮融资，西高投资领投

据投资界5月4日消息，深圳耀明医疗近期完成近万Pre-A轮融资元，由希高投资领投，跟投方包括上海青睿创投、深圳创普资本等。公司本轮融资将用于新产品研发和产品营销费用，以及新员工的招聘。 2019年5月，耀明医疗获得1万元天使轮融资，由上海众和资本领投，上海庆睿创投跟投

06-18
英国幼教英语品牌Lingumi获400万英镑A轮融资

据投资界3月12日消息，Lingumi近日宣布获得1万英镑（约合人民币1万元）A轮融资。本轮投资由北提交资本投资。）领投，英国LocalGlobe、ADV、Entrepreneur First等天使轮投资方持续跟投。本轮融资主要用于在新加坡、中国和英国建立国际化研发和市场运营团队；强化AI能力，实

06-17
老友联手投资十亿级天使轮

投资医疗的风投最近开始谈论延长寿命的秘密赛道。起因是一场涉及大牌的融资事件。这一年，生物科技公司Altos Labs诞生了。它专注于延缓衰老和延长人类寿命的技术。它刚刚获得了两位超级大佬的投资——亚马逊创始人贝佐斯和风险投资机构DST大佬尤里米尔纳。两人联手众多

06-18
CES各大厂商破圈！索尼正在推出电动汽车，大疆正在推出激光雷达，一波新品来袭

雷锋网消息，2020年1月7日，国际消费电子展（以下简称CES）在美国拉斯维加斯拉开帷幕，各领域各大厂商齐聚一堂在CES舞台上大放异彩。其中，索尼首次推出概念电动汽车，大疆则凭借激光雷达进入市场。那么，CES首日，展会上琳琅满目的电子新品将揭示2019年科技行业的哪些走向

06-18
思锐智能科技有限公司已成功完成数亿元B轮融资，持续深耕半导体核心设备领域，

投资圈（ID：pedaily）3月1日消息，青岛四方思瑞智能科技有限公司已完成数亿元B轮融资。。本轮融资由上汽战略直投、尚启资本、鼎晖投资联合领投；招商局创投、上海金浦、新鼎资本、创新工场、华控基金、青创创投等知名投资人也参与投资；海松资本、海奥新科、新鑫创投、恒创

06-17
高榕资本领投某调味品品牌，川娃子食品完成近3亿元A轮融资

投资界（ID：pedaily）12月20日消息，据36氪报道，近日，复合调味品品牌川娃子食品完成近3亿元A轮融资，由高榕资本领投，厦门建发及相关机构跟投。本轮融资资金将主要用于投资、并购、数字供应链和品牌建设。川娃子食品成立于2007年，是四川最早从事复合调味料生产、研发、

06-17
Cadent Therapeutics 获 1500 万美元融资

投资界消息 5 月 6 日，据外媒报道，Cadent Therapeutics 获 1 万美元融资。本轮融资是此前宣布的 10,000 美元 B 轮融资的最后一部分，由 Cowen Healthcare Investments 投资，Atlas Venture 领投，启明创投、Access Industries、Clal Biotechnology Industries 和诺华生物医

06-18