前端小试身手(7)--迷片静音神队友，让你尴尬不再有！

目录

前端小试身手(1)--帮「发问/发文页」新增"编辑"钮～

前端小试身手(2)--it帮跳转到最佳解答

前端小试身手(3)--增添系列文目录

前端小试身手(4)--it帮发文「一眼全览」

前端小试身手(5)-备份it帮的发问！

前端小试身手(6)--IMG複製大师，懒人专用小脚本

前端小试身手(7)--迷片静音神队友，让你尴尬不再有！

前端小试身手(8)--教你写出「思想审查警卫」，过滤垃圾杂讯的利器！

前端小试身手(9)--文章缩图预览(以codeLove论坛为例)

前情提要

有时候，夜深人静，总是会想要沉思人生的意义。
于是打开某个网站，
开始看一些只有长大了才能看的大人动作爱情学，必须好好钻研，
此刻电影里的声响彻云霄，你感觉无比尴尬.....

这时候就需要静音神队友。

可以自己加入网页名单，让小电影们先保持静音，自己再手动开启。
如此一来非常保险，绝对不让你不小心爆音。
非常的有礼貌，人生的哲理更奥妙了。

脚本下载

https://greasyfork.org/zh-TW/scripts/477196-%E9%9D%9C%E9%9F%B3%E5%B0%8F%E5%8A%A9%E6%89%8B

JS程式码

// ==UserScript==// @name         静音小助手// @namespace    http://tampermonkey.net/// @version      0.1// @description  try to take over the world!// @author       You// @match        https://*/*// @icon         https://www.google.com/s2/favicons?sz=64&domain=xvideos.com// @grant        none// ==/UserScript==// 定义 JSON 资料，包含网址开头var jsonUrls = [  "https://www.xvideos.com/",  "https://example.com/json2",  // 添加更多的网址开头];// 取得当前网址var currentUrl = window.location.href;// 检查当前网址是否以 JSON 中的某些开头开始var isJsonUrl = jsonUrls.some(function(jsonUrl) {  return currentUrl.startsWith(jsonUrl);});// 如果当前网址符合 JSON 的某些开头，执行程式码if (isJsonUrl) {  // 在这里放置你想要执行的程式码  console.log("当前网址符合 JSON 开头");  Mute();} else {  console.log("当前网址不符合 JSON 开头");}function Mute(){// 取得网页上所有的 <video> 元素var videoElements = document.getElementsByTagName('video');// 迭代所有的 <video> 元素并将其静音for (var i = 0; i < videoElements.length; i++) {  videoElements[i].muted = true;}}

观念笔记

只能说，前端的东西往往越简单，越强。

这次只是使用三个小观念，都是超级基本的小小观念，幼稚园等级。

第一部分：使用阵列储存网址

// 定义 JSON 资料，包含网址开头var jsonUrls = [  "https://www.xvideos.com/",  "https://example.com/json2",  // 添加更多的网址开头];

这部分就是把我们的资料储存起来，可以自己新增订义哪些网址要被匹配。

第二部分：location的API

使用网址要确认网址，就是用location，这已经屡见不鲜。
另外字串的搜查，startsWith非常老旧却也很无敌。

第三部分：影片静音API

很简单，针对video元素muted就可以了，非常轻鬆！
简直就像早餐吃鬆饼一样，鬆。

心得

很多人常常说前端，好难，JS好基八
我是觉得，关你屁事？/ᐠ｡ꞈ｡ᐟ
你会骂蛋饼为什么要这么蛋饼吗，蛋饼之所以好吃就是因为它是蛋饼，不好吃也因为它是蛋饼。

JS的奇怪或是难懂，只是它的本质，在那边靠北靠母的风气真的很无聊。
要玩梗也可以多一点新的梗，而不是表面嘴皮耍耍。
它很机八，但也很强，这就是JS的厉害之处。

因此这个简单实用的小脚本，又再次被我们秒杀了！
喜欢可以关注，未来还会有更多JS的小试身手、前端动手玩创意也还有一堆素材呢⁽⁽٩(๑˃̶͈̀ ᗨ ˂̶͈́)۶⁾⁾