精华内容
下载资源
问答
  • 2022-01-29 16:19:27

    文章目录

    效果

    在这里插入图片描述

    代码

    项目结构:

    在这里插入图片描述

    manifest.json 文件:

    {
        "name": "Microsoft Bing",
        "version": "1.0.0",
        "description": "Microsoft Bing - 保存背景图片",
        "content_scripts": [{
            "matches": [ "https://cn.bing.com/*" ],
            "js": ["content-script.js"]
        }],
        "manifest_version": 2
    }
    

    content-script.js 文件:

    // https://developer.chrome.com/docs/extensions/mv2/content_scripts/
    
    window.onload = (event) => {
        // console.log(event);
        // console.log(`The ID of the extension is ${chrome.runtime.id}.`);
        main();
    }
    
    function main() {
        console.dir(location);
        console.log(location.origin);
        
        const title = [ "必应", "Bing" ];
        // 根据 title 判断当前页面是否为必应搜索引擎的首页
        if((location.origin === "https://cn.bing.com") && (title.indexOf(document.title) === -1)) {
            return;
        }
        
        // 创建一个按键
        const button = document.createElement("button");
        button.innerText = "保存背景图片";
        button.style.setProperty("background", "rgba(34, 34, 34, 0.8)");
        button.style.setProperty("border", "1px solid rgba(34, 34, 34, 1)");
        button.style.setProperty("border-radius", "6px");
        button.style.setProperty("color", "rgba(255, 255, 255, 1)");
        button.style.setProperty("cursor", "pointer");
        button.style.setProperty("height", "32px");
        button.style.setProperty("letter-spacing", "1px");
        button.style.setProperty("line-height", "32px");
        button.style.setProperty("outline", "none");
        button.style.setProperty("padding", "0px 10px 0px 10px");
        button.style.setProperty("z-index", "20211206");
        button.style.setProperty("position", "fixed");
        button.style.setProperty("right", "8px");
        button.style.setProperty("top", "8px");
        
        // 为按键注册一个点击事件,当用户点击之后,弹出保存背景图片的对话框
        button.onclick = (event) => {
            const imageContainer = document.querySelector(".img_cont");
            if(imageContainer) {
                const backgroundImageValue = imageContainer.style.getPropertyValue("background-image");
                console.log(backgroundImageValue);
                let url;
                if(backgroundImageValue && backgroundImageValue.startsWith("url")) {
                    url = new URL(location.origin + backgroundImageValue.slice(5, -2)); // 背景图片的链接
                }
                console.log(url);
                
                const anchor = document.createElement("a");
                anchor.href = url.toString();
                anchor.download = url.searchParams.get("id"); // 文件名称
                
                anchor.click();
            }
        }
        
        // 将按键添加到必应搜索引擎的首页的 body 中
        document.body.appendChild(button);
    }
    

    参考

    谷歌浏览器插件 - 为 Microsoft Bing 搜索引擎首页添加一个【保存背景图片】的按钮(版本 1)

    更多相关内容
  • 谷歌工具安装插件可以登录谷歌账号使用谷歌搜索引擎
  • google搜索插件

    千次阅读 2020-01-17 16:09:10
    资源下载 链接地址:https://pan.baidu.com/s/18_e3gyiR3U_T-qX8HFAASg 提取码:chqt 使用方法 1:解压 2:打开 3:添加扩展插件

    资源下载

    链接地址:https://pan.baidu.com/s/18_e3gyiR3U_T-qX8HFAASg
    提取码:chqt

    使用方法

    1:解压
    在这里插入图片描述
    2:打开
    在这里插入图片描述
    3:添加扩展插件
    在这里插入图片描述

    展开全文
  • 通过此扩展的增强搜索功能,可以方便的追踪你的偶像、死党动态。当然也方便发现你感兴趣的用户在豆瓣的各种信息。 1、在豆瓣个人主页新增直接搜索任意豆友的按钮,位置就在用户名旁边的搜索图标,非常方便,省去输入...
  • 谷歌搜索助手-crx插件

    2021-04-04 11:05:54
    谷歌搜索增强与优化工具 提示:反屏蔽的原理是把被屏蔽的搜索请求,如http://google.com.hk/search?q=胡萝卜,转换为按IP搜索请求http://IP/search?q=胡萝卜。可用的IP地址不知道会持续多久,因此本插件可能会随时...
  • 包含主流搜索引擎: 百度、谷歌、必应、搜狗、搜搜、淘宝; * 3.页面中已包含图片文件,仅一个js文件就实现图文并茂; * 4.整合百度搜索提示功能及搜索记录功能,自动记录10个搜索历史到浏览方电脑; * 5.使用国际化...
  • 文章目录获取背景图片的链接的思路谷歌浏览器插件的代码实现思路实现测试 谷歌浏览器版本信息:版本 94.0.4606.81(正式版本) (64 位) 获取背景图片的链接的思路 在开发者工具 > Network 选项卡中,选择 Img...

    谷歌浏览器版本信息:版本 94.0.4606.81(正式版本) (64 位)

    获取背景图片的链接的思路

    开发者工具 > Network 选项卡中,选择 Img 过滤器,找到背景图片的链接:

    在这里插入图片描述

    接着,在开发者工具 > Elements 选项卡中,根据背景图片的链接,查找哪一个元素使用了这个链接:

    在这里插入图片描述

    找到这个元素之后,就可以使用 JavaScript 获取背景图片的链接。

    谷歌浏览器插件的代码实现

    思路

    • 根据 title 判断当前页面是否为必应搜索引擎的首页;
    • 创建一个按键,并按键注册一个点击事件,当用户点击之后,弹出保存背景图片的对话框;
    • 将按键添加到必应搜索引擎的首页的 body 中。

    实现

    新建一个项目:

    在这里插入图片描述

    manifest.json 文件:

    {
        "name": "Microsoft Bing",
        "version": "1.0.0",
        "description": "Microsoft Bing - 保存背景图片",
        "content_scripts": [{
            "matches": [ "https://cn.bing.com/*" ],
            "js": ["content-script.js"]
        }],
        "manifest_version": 2
    }
    

    content-script.js 文件:

    // https://developer.chrome.com/docs/extensions/mv2/content_scripts/
    
    window.onload = (event) => {
        console.log(event)
        // console.log(`The ID of the extension is ${chrome.runtime.id}.`)
        main()
    }
    
    function main() {
        console.dir(location);
        
        // 根据 title 判断当前页面是否为必应搜索引擎的首页
        if((location.origin === "https://cn.bing.com") && (document.title !== "必应")) {
            return;
        }
        
        // 创建一个按键
        const button = document.createElement("button");
        button.innerText = "保存背景图片";
        button.style.setProperty("background", "rgba(34, 34, 34, 0.8)");
        button.style.setProperty("border", "1px solid rgba(34, 34, 34, 1)");
        button.style.setProperty("border-radius", "6px");
        button.style.setProperty("color", "rgba(255, 255, 255, 1)");
        button.style.setProperty("cursor", "pointer");
        button.style.setProperty("height", "40px");
        button.style.setProperty("letter-spacing", "1px");
        button.style.setProperty("line-height", "38px");
        button.style.setProperty("outline", "none");
        button.style.setProperty("padding", "0px 10px 0px 10px");
        button.style.setProperty("z-index", "20211206");
        button.style.setProperty("position", "fixed");
        button.style.setProperty("right", "8px");
        button.style.setProperty("bottom", "43px");
        
        // 为按键注册一个点击事件,当用户点击之后,弹出保存背景图片的对话框
        button.onclick = (event) => {
            const imageContainer = document.querySelector(".img_cont");
            if(imageContainer) {
                const backgroundImageValue = imageContainer.style.getPropertyValue("background-image");
                console.log(backgroundImageValue);
                let url;
                if(backgroundImageValue && backgroundImageValue.startsWith("url")) {
                    url = new URL(location.origin + backgroundImageValue.slice(5, -2)); // 背景图片的链接
                }
                console.log(url);
                
                const anchor = document.createElement("a");
                anchor.href = url.toString();
                anchor.download = url.searchParams.get("id"); // 文件名称
                
                anchor.click();
            }
        }
        
        // 将按键添加到必应搜索引擎的首页的 body 中
        document.body.appendChild(button);
    }
    

    测试

    在谷歌浏览器的扩展程序页面中,加载已解压的扩展程序,并启用:

    在这里插入图片描述

    接着,打开一个新的必应搜索引擎的首页(如果已经打开,则需要刷新页面,使扩展程序生效),效果如下:

    在这里插入图片描述

    展开全文
  • 强大的元搜索浏览器选项卡结合了Google的增强版;...该搜索引擎适用于所有浏览器和所有Internet用户,包括台式机和移动设备,其插件和扩展名对Firefox和Chrome用户均可用。 支持语言:English (United States)
  • 使用方法: 将本代码加入要统计的文件中,其中路径改为你的路径 ...可以识别:Google蜘蛛B,Google蜘蛛A,百度蜘蛛,微软蜘蛛,inktomi蜘蛛,openbot蜘蛛,Alexa蜘蛛,yahoo蜘蛛,Survey蜘蛛等。
  • 这个插件允许用户定义自己的自定义搜索引擎,并从浏览器的地址栏中使用它。您可以将自定义引擎详细信息保存到一个文件,并从那里加载它。它也可以轻松分享自定义的引擎。 它也允许使用多个搜索标签(“{searchTerms}...
  • 划词出现图标,点击打开小窗搜索,可自定义搜索引擎实现包括无广告小窗搜索、划词翻译、划词搜电影在内的各种个性需求。 【插件开发者】 namesc@outlook.com 【插件更新】 2019-05-14 10:22:31 【插件版本...
  • 将 Microsoft News 设置为主页,并将必应设置为搜索引擎借助 Microsoft 资讯主页和必应搜索扩展来丰富你的浏览体验。随时了解来自全球 4,500 多个最受信任新闻品牌的最新头条新闻、体育、当地天气、娱乐等内容。每天...
  • Jquery调用Google搜索API实现搜索引擎,使用起来很方便很快速的一个插件工具
  • 在早期的网址导航主页上, 可以通过点击选择不同的搜索引擎进行搜索(数量有限, 而且不支持自定义), 而Chrome搜索更极客一些, 通过自定义关键词加空格的方法, 在搜索引擎之间自由切换, 是一种兼具扩展性与易用性的做法...
  • Google搜索预览 意大利人:Semplice estense per aggiungere delle缩略图nella ricerca di Google(网络; libri;视频)每个visualizzare un'primprima della pagina nei risultati della ricerca le vol.e ...
  • 搜索引擎优化软件包将您的网站上移到Google搜索结果中 MadBeeTech搜索引擎优化人们访问网站的唯一途径是查看其在搜索引擎中的列出。如果某人进行了Google搜索,但您的网站未在搜索结果中列出,则该人将不会访问您的...
  • spress-plugin-sitemapxml Spress 插件Google 和 Bing 等搜索引擎生成站点地图 XML
  • 谷歌浏览器elasticsearch head插件
  • Google,Yahoo和Bing SERP上显示动态 ...尽管插件主要是为SEO专家创建的,但其他任何用户都可以发现它有用,因为它添加了数字搜索结果并显示了哪个网站向上移动,并被搜索引擎认为更相关。 支持语言:English
  • Google搜索结果页面显示来自Yobi3D.com的3D模型搜索结果。 在Google上输入任何带有“ 3D”或“模型”字样的关键字,也可以从Yobi3D.com进行搜索。编辑选项以自定义关键字,这些关键字将触发对Yobi3D.com的搜索 ...
  • 从各种文件托管网站搜索和下载共享文件,如:Rapidshare,Uploaded,Rapidgator,Netload,4shared,Extabit ... ...:check_mark:直接从您的Google搜索结果页面进行搜索。 支持语言:English,español
  • 搜索引擎快捷导航 使用方法 :下载crx扩展名文件,拖入chrome应用管理界面即可 github地址:https://github.com/mouday/chrome-search-tool 编写一个简单的chrome插件(教程) 实现效果: 简单理解:chrome扩展...

    搜索引擎快捷导航

    使用方法 :下载crx扩展名文件,拖入chrome应用管理界面即可

    github地址:https://github.com/mouday/chrome-search-tool

    编写一个简单的chrome插件(教程)

    1. 实现效果:
      在这里插入图片描述

    2. 简单理解:chrome扩展程序就是一个web应用,小型网站,只不过是在chrome上多了个快捷方式

    3. 必备知识(初级即可):

    html
    css
    javascript
    
    1. 必备工具: chrome浏览器(本次使用的版本是 69)

    第一步:初始化项目

    项目文件说明:

    chrome-search-tool/
        ├── manifest.json       # 配置文件
        ├── popup.html          # 弹出窗口
        ├── icon.png            # 扩展图标
        └── images              # 静态资源文件(如images、css、js等)
    

    第二步:编写配置文件

    manifest.json

    {  
      "name": "searchTool",  
      "manifest_version":2,
      "version": "0.0.1",  
      "description": "便于搜索的chrome插件",
      "browser_action": {  
        "default_icon": "icon.png" ,
        "default_title": "搜索集合工具",
        "default_popup": "popup.html"
      }  
    }
    

    参数说明:

    1. name 插件名称
    2. version 插件的版本号
    3. manifest_version 指定清单文件格式的版本, 2就OK了
    4. description 插件描述
    5. icons 插件图标,PNG格式, 需准备三个图标文件:
      16x16(扩展信息栏)
      48x48(扩展管理页面)
      128x128(用在安装过程中)
    6. default_locale 国际化支持,支持何种语言的浏览器,虽然官方推荐,不过我没用

    第三步:编写popup页面

    popup.html

    <meta charset="utf8">
    <base target="_blank" />
    <style>
        .main{
            width: 100px;
            height: 200px;
            font-size: 18px;
            text-align: center;
        }
        a{
            text-decoration: none;
        }
        .title{
            width: 100%;
            font-size: 20px;
            background-color: #E8E8E8;
        }
        img{
            width: 18px;
            height: 18px;
        }
        .links{
            margin-top: 5px; 
        }
        .links a{
            width: 100%;
            display: block;
            margin: 4px 0;
            
            color: black;
            line-height: 25px;
    
        }
        .links a:hover{
            background-color: red;
            color: white;
        }
        .links img{
            line-height: 25px;
        }
        .footer a{
            font-size: 12px;
            color: grey;
        }
    </style>  
    
    <div class="main">
        <div class="title">搜索导航</div>
    
        <div class="links">
            <a href="https://www.baidu.com/"><img src="images/baidu.ico" alt="">百度</a>
            <a href="https://www.google.com.hk/"><img src="images/google.ico" alt="">谷歌</a>
            <a href="https://cn.bing.com/"><img src="images/bing.ico" alt="">必应</a>
            <a href="https://www.sogou.com/"><img src="images/sogou.ico" alt="">搜狗</a>
            <a href="https://www.so.com/"><img src="images/so.ico" alt="">360</a>
        </div> 
        <div class="footer">
            <a href="https://www.pengshiyu.com/message.html">问题反馈</a>
        </div>
    
    </div>
    

    其实就是html + css + javascript

    备注:如果出现中文乱码,记得在文件顶部加入<meta charset="utf8">,此方法和html编码是一样的,没有什么特别之处

    第四步:配置图标

    icon.png

    可以百度图片上找一张方块图片,最好找png格式的

    对于简单的尺寸大小的裁剪,可以到这个网址处理:http://www.gaitubao.com/

    第五步:打包安装扩展程序

    打开Chrome –> 更多工具 –> 扩展程序 -> 打开“开发者模式”

    有两个方法:

    1. 加载已解压的扩展程序 -> 将文件夹chrome-search-tool 拖入就行(多用于调试,修改文件后刷新即可)
    2. 打包扩展程序 -> 选择打包扩展程序文件夹的路径 -> 生成crx扩展名的文件 -> 拖入chrome

    在这里插入图片描述

    学会编写简单插件之后,剩下的就是自己动手扩展,实现自己的小功能了

    参考文章:
    编写一个简单的chrome插件

    展开全文
  • Hexo插件可将新帖子的URL提交给Google,Bing,百度搜索引擎,以提高网站收集的质量和速度。 这三大搜索引擎已经占据了全球搜索引擎市场97%的份额(包括使用bing索引的Yahoo,ecosia等)。 以后,我可以添加向...
  • 右键单击所选文字,在Chrome的多个搜索引擎上进行搜索。支持分组引擎,incongito等等。 很简单:选择一些文本,单击鼠标右键,然后在您喜欢的搜索引擎上搜索。配置搜索引擎非常容易:有多个预配置的搜索引擎可供选择...
  • 搜索广告屏蔽Chrome插件:自动过滤:百度,360,搜狗,google,bing的搜索广告,让魏则西的悲剧不再重演。珍爱生命,远离搜索广告!下载:FuckAd.zip安装:方法自行百度。 关闭百度过滤 打开...
  • 在侧边栏的Google搜索结果页面显示自定义搜索引擎的搜索结果;只适用于google.com和google.de。 通过此扩展程序,您可以将来自外部搜索引擎(例如公司的Intranet或您最喜欢的网上商店)的结果添加到google.com或...
  • 这不是一个真正的搜索引擎,它是一个界面,显示谷歌的结果,看起来非常相似。 所以我们的意图不是成为本地搜索引擎,而是成为国内搜索引擎的“搜索引擎”界面:) 我们开始gidiyoo.org作为一个批评,但是我们听说很多...
  • Title,Meta Description标签:这些标签是显示在Google搜索结果中。 •显示标签详细信息•当标签显示多于一次时发出警报Canonical标签该标签可防止同一内容出现两次当两个或多个链接显示相同或相似的内容时,我们不...
  • 在设置中找到搜索引擎将百度设置为默认搜索引擎后,按ctrl+t打开一个新的标签页后,就可以正常访问网页了。 输入下面这个网站下载插件 https://chrome.zzzmh.cn/info?token=ncldcbhpeplkfijdhnoepdgdnmjkckij ...
  • 【背景】Mac电脑,问题是Chrome的搜索引擎被恶意篡改,并且没有更改回来的选项,可能是因为我有一段时间关掉了电脑的防火墙(不要学我!!千万不要) 下图(左边)就是这个恶意插件的样子,和正常的插件相比缺少...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 35,867
精华内容 14,346
关键字:

谷歌搜索引擎插件