首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何使用Web Share API

翻译:疯狂的技术宅 来源:css-tricks ? Web Share API 自从它首次在Android 版 Chrome 61中推出以来,似乎已经不再受到关注。...Android Android Chrome Android Firefox 12.2 No No No 74 No 但是不要让这些阻止你在自己的网站上使用此 API。...在我们的例子中,有一个对话框,弹出一些共享内容的选项,演示中的按钮实际上并没有链接到任何地方,因为它只是一个演示。...以下是两个移动浏览器上共享按钮行为的比较,一个支持Web Share API,另一个没有: ? 在 Android 设备上测试支持该功能的共享按钮。...按下共享按钮时会触发 Android 的本机共享选项。 第二个测试显示在不支持该功能的 Android 设备上单击了贡献按钮。 这会产生手动添加的后备共享选项。

1.8K10

Google Earth Engine(GEE)——GEE最全介绍(7000字长文)初学者福音!

使用“获取链接”按钮与合作者和朋友共享脚本的唯一 URL 。您在代码编辑器中开发的脚本会发送到 Google 进行处理,生成的地图图块和/或消息会发送回以显示在“地图”和/或“控制台”选项卡中。...运行代码编辑器只需要一个网络浏览器(使用Google Chrome以获得最佳效果)和互联网连接。以下部分更详细地描述了地球引擎代码编辑器的元素。...“获取链接”按钮可将代码分享给别人 快照脚本链接 可以通过单击代码编辑器顶部的“获取链接”按钮创建的编码快照 URL 来共享编辑器中的代码。...要将数据集直接导入脚本,请单击数据集描述中的导入链接或 import按钮。 代码编辑器顶部的导入部分。 将数据集导入脚本的结果组织在脚本顶部的导入部分中,在您导入某些内容之前隐藏。...单击调色板单选按钮并通过添加颜色指定自定义调色板 (add), 去除颜色 (remove) 或手动输入逗号分隔的十六进制字符串列表 (edit)。单击应用将可视化参数应用到当前显示。

2.2K11
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    一天学会Chrome插件开发

    "default_popup": "html/popup.html" //单击图标后弹窗页面 }, "page_action":{ //页面级别的行为,只在特定页面下生效...在您的浏览器中访问 chrome://extensions(或者单击多功能框最右边的按钮:打开 Chrome 浏览器菜单,并选择工具(L)菜单下的扩展程序(E),进入相同的页面)。...您也可以将扩展程序文件所在的目录拖放到浏览器中的 chrome://extensions 上加载它。 如果扩展程序有效的话,它将被加载并且立刻处于活动状态!...打包发布 开发插件的目的是为了贡献自己的一点技术力量,为人类的永恒与和平略尽绵力,当然这都是胡扯!大部分的开发者都想赚些个零花,不过首先你得向google上交五美金!...点击链接https://chrome.google.com/webstore/developer/dashboard/进入google开发者控制台,你会看到下图,提示交5美元注册开发者。

    89450

    使用Python和Selenium库实现饭圈自动化投票

    在这个文化中,粉丝们通常会通过多种方式来表达他们的爱意,例如关注偶像参与的综艺和电视剧,使用各种社交平台为偶像打榜投票,以争取让偶像获得更高的排名和更多的曝光。...下面提供的一段代码使用Python和Selenium库编写,可以自动遍历HTML表格并找到“投票”链接进行单击,从而实现不同用户的自动化投票。如果有需要的小伙伴们可以参考一下。...下载并安装Chrome浏览器。 下载与您的Chrome浏览器版本相对应的Chrome驱动程序。 将Chrome驱动程序的路径添加到系统路径中。...(options=options) # 设置需要访问的网页并遍历表格,找到确认链接并单击 driver.get("http://example.com") table = driver.find_element_by_xpath...,我们可以使用代理IP来模拟不同用户的投票行为,自动遍历HTML表格并找到相应的“投票”链接,然后单击它们以投票。

    70330

    如何在 Ubuntu 18.04 上安装和配置 Squid 代理

    本教程将引导您完成在 Ubuntu 18.04 上设置 Squid 代理并配置 Firefox 和 Google Chrome Web 浏览器以使用它的过程。...在 Ubuntu 上安装 Squid Squid 包包含在默认的 Ubuntu 18.04 存储库中。...在本教程中,我们将配置 Squid 以使用基本身份验证。它是 HTTP 协议中内置的简单身份验证方法。...在右上角,点击汉堡包图标☰打开 Firefox 的菜单: 单击⚙ 首选项 链接。 向下滚动到该 网络设置 部分,然后单击 设置... 按钮。 将打开一个新窗口。 选择 手动代理配置 单选按钮。...在 HTTP 代理 字段输入您的 Squid 服务器的 IP 地址, 在 端口 字段输入 3128。 选中 为所有协议使用相同代理服务器 复选框。 单击 确定 按钮以保存设置。

    3.2K20

    Selenium Python使用技巧(二)

    进行自动跨浏览器测试 您可能需要在多种情况下针对不同的浏览器(例如Firefox,Chrome,Internet Explorer,Edge)测试代码。跨不同浏览器测试网站的做法称为自动浏览器测试。...要使用Selenium自动化测试执行自动浏览器测试,您应该在单元测试代码或pytest代码中合并对这些浏览器的选择性处理。...首先,我们找到菜单项,然后在所需的菜单项上执行单击操作。 在下面的示例中,在导航到主页上的“Automation”选项卡。第一个任务是Menu中找到某个元素 。...它通过CSS Selector在该元素的子元素中找到元素列表。...目的是使用find_elements_by_css_selector()在https://***.com/上找到“登录”按钮并执行单击操作。与登录相关的代码如下。代码检查工具快照还提供了所需的信息。

    6.4K30

    爬虫入门指南(4): 使用Selenium和API爬取动态网页的最佳方法

    动态网页爬取 随着互联网的发展,许多网站开始采用动态网页来呈现内容。与传统的静态网页不同,动态网页使用JavaScript等脚本技术来实现内容的动态加载和更新。...例如,如果使用Google Chrome浏览器,可以下载Chrome Driver并将其添加到系统路径中。...步骤2:创建WebDriver对象 在Python中,可以通过导入selenium模块,并使用相应的驱动程序创建一个WebDriver对象来控制浏览器的行为。...可以使用pip命令在命令行中安装:pip install selenium。 然后,下载与所使用的浏览器对应的驱动程序。...例如,如果使用Google Chrome浏览器,需要下载Chrome Driver。 将驱动程序路径添加到系统路径中,以便Selenium可以找到它。

    2.3K10

    Chrome存在严重漏洞!

    如果你在Mac,Windows 10或Linux计算机上使用的是Google Chrome浏览器,则需要立即通过更新浏览器版本来安装新的安全补丁。...与普通用户不同,Sophos作为一家网络安全技术网站,自然对这个Google想就此掩盖过去的漏洞起了疑心。...最终,Sophos的研究人员发现,该漏洞是一个远程执行代码(RCE),攻击者可以通过它在后台运行命令和不受信任的脚本,从而避开了浏览器的常规安全检查或“确定”对话框。...不过,从另一方面来说,Google选择不公开漏洞的细节,也是为了避免被潜在的黑客所利用。 好消息是,Google也表示尚未通过这种方法记录到任何被黑客利用攻击用户的行为(因此一直在保密)。...手动更新Chrome的方法为:单击浏览器窗口右上角的三点图标 > 帮助 > 关于Google Chrome 或者直接在浏览器地址栏输入chrome://settings/help回车。

    89220

    浅谈Google蜘蛛抓取的工作原理(待更新)

    内部链接和反向链接 单击深度 Sitemap 索引说明 所有页面都可用于爬行吗? 我的网站何时会出现在搜索中? 重复内容问题 网址结构问题 总结 首先,Google 蜘蛛寻找新的页面。...一旦 Googlebot 发现新页面,它将在浏览器中呈现(可视化)页面,加载所有 HTML、第三方代码、JavaScript 和 CSS。此信息存储在搜索引擎的数据库中,然后用于索引和对页面进行排名。...让我们仔细看看什么影响爬行者的行为,以及如何优化页面的爬行。 内部链接和反向链接 如果Google已经知道您的网站,则Googlebot会不时检查您的主页上是否有更新。...您可以通过谷歌搜索控制台(索引>网站地图)向 Google 提交网站地图,以便让 Googlebot 知道要访问和爬行哪些页面。网站地图还告诉谷歌,如果有任何更新在您的网页上。...这可能发生的原因有很多,例如: 以不同的方式到达页面:有或没有www,通过http或https; 动态网址-当许多不同的URL导致相同的页面: 页面版本的 A/B 测试。

    3.5K10

    WebUSB:一个网页是如何从你的手机中盗窃数据的(含PoC)

    浏览器将每个USB设备存储在自己的设备存储器中。WebUSB的可访问性由本机驱动程序支持所决定。在Windows上,我们可以通过浏览器访问由WinUSB驱动程序处理的每个USB设备。...) Debian, Google Chrome 61 Arch Linux, Chromium 61 Arch Linux, Google Chrome 61 Platform Descriptor中有一个有趣的元素叫做...此提示将列出所有可用的USB设备。通过选择所需的设备并单击“连接”,工具将打开设备,并遍历每个可用的界面,并尝试声明。结果记录在页面底部的表格中。...WebUSB在Chrome的浏览器内核Blink中运行。因此,发现WebUSB中的内存崩溃可能并不比Blink中其他地方的内存崩溃更影响更大。...然而,代码库相对较小,并且新的修复也在持续写入。 另一个有趣的调查对象是用恶意的USB设备攻击Chrome。前者可能会发送错误的USB描述符,并可能在浏览器中触发未预期的行为。

    3.9K50

    玩转谷歌优化(Google Optimize)

    2 谷歌优化(免费版)与谷歌优化360(付费版) 在每种套餐中,谷歌都有一个强大的对比图表包含其中。这里将简单解释一下免费版的局限性。 没有受众。...与优化360(付费版)不同,你不能随意更改目标以查看实验如何影响其它目标。故在开始实验之前,请确保你选择了所有想要监测的目标。 假设最佳实践。...通过行为定向,你可以定向第一次访问的用户和来自特定引荐来源的访客。 地理位置 定向特定城市、区域、都市圈或国家/地区的访客。使用地理位置定向来定向特定地理区域的用户。...正则表达式匹配/与正则表达式不匹配 正则表达式使用特殊字符来启用通配符和灵活匹配。当同一网页的网址中的词干、尾随参数或两者都不同时,正则表达式匹配很有用。...10 巧用可视化编辑器来编辑变体 要使用优化可视化编辑器,你需要使用Google Chrome浏览器的Google Chrome浏览器优化扩展程序。

    3.8K70

    如何在Google Chrome浏览器中生成强密码

    使用Chrome生成强密码并不是一件困难的事情,但乍一看,它可能并不像您期望的那样简单。 您需要做的第一件事是在Google Chrome中启用同步。...这意味着您必须使用Google帐户登录,该帐户随后将用于在安装了Google Chrome的设备之间同步其他数据,例如浏览历史记录。...密码存储在您配置的Google帐户中,因此当尝试在其他设备上登录时,浏览器会自动识别该网站并在密码框中填入必要的信息。...正如您在上面的屏幕截图中看到的,您只需点击密码字段,Google Chrome就会自动为您建议一个复杂的密码。如果此选项未显示,只需右键单击密码字段,然后单击“生成密码”选项。...密码生成器默认启用,您可以从 chrome://flags 菜单中禁用它。在地址栏中键入此代码,然后搜索名为自动密码生成的选项并将其切换为禁用。

    4.6K20

    VS Code + Python + Selenium 自动化测试基础-01

    但在整个网站测试的过程中其中,存在很多测试细节或者高度重复性质的测试行为,如果仅仰赖人工测试,往往会测到昏暗地,并且有可能会隐藏人的疏失,导致难以追踪的问题。...目标:利用前一个示例,在 Google 输入框中输入“phone”,然后单击搜索 from selenium import webdriver from selenium.common.exceptions...//www.google.com") # 寻找网页中的搜索框 inputElement = browser.find_element_by_name("q") # 在搜索框中輸入文字 inputElement.send_keys...开常用的web DriverAPI-定位元素 WebDriver提供了几种元素的定位方式,在Python中对应的方式如下 id定位:find_element_by_id() HTML规定,在HTML文件中...,但是这个在实际运用上却很少使用,主要的原因是HTML文档中,存在大量的相同标签browser.find_element_by_tag_name (“input”) 链接文本定位:find_element_by_link_text

    49510

    AutoKey - 适用于Linux和X11的桌面自动化应用程序

    1、前言 在当今软件开发领域,质量保证是项目成功的关键因素之一。随着软件迭代速度不断加快,传统手动测试方法难以满足与日俱增的测试需求,因此,自动化测试工具的重要性愈发突出。...%d')) 6、在浏览器中从剪贴板搜索文本。...在弹出对话框中显示当前的X和Y鼠标坐标。...一个GUI日期选择对话框,等待用户选择日期,然后根据用户是取消/关闭窗口还是选择日期,使用对话框的返回代码显示两个不同对话框中的一个。日期的默认格式为YYYY-MM-DD。...你可以让脚本等待鼠标点击,如果没有收到鼠标点击,可以使用计时器在指定的延迟后执行操作,也可以不使用计时器,在这种情况下,只有在实际点击鼠标后才会执行操作。 例如:打印文本前等待左键单击。

    9600

    绕过 CSP 从而产生 UXSS 漏洞

    我将实际与你一起浏览代码并向你展示如何跟踪一个扩展程序的步骤。 所以整个事情的描述会较长。...从上面的代码中可以看出迭代链接和视频元素,并在返回之前将信息收集到 videoLinks 数组中。...每条链接数据的 fileName 属性通过 vd.getFileName 函数获得,该函数代码如下: ? 上述函数破坏了通过链接数据的 fileName 属性来构造 DOM-XSS 的机会。...该脚本检查链接数据是否具有 size 属性。 在未设置大小的情况下,它通过 vd.getVideoDataFromServer 函数获取链接文件的大小。 ?...在示例中,要包含的资源是 popup.html 页面,该页面通常仅在用户单击扩展程序的图标时显示。 通过 iframing 此页面以及之前的 payload,我们有一个无需用户交互的漏洞利用: ?

    2.7K20

    杂谈——什么是Google Fuchsia ?

    可以说,该公司从过去的错误中吸取了教训,尤其是在更新和修改Android和Chrome OS的局限性和问题方面。与已建立的Google操作系统的主要区别:Fuchsia OS从头到尾都是模块化的。...每个组件执行特定任务,并且可以与其他组件组合以编程一个更复杂的应用程序。组件由清单文件以及相关的代码组成。组件始终在自己的沙箱中运行,通过名称空间访问对象,并通过导出目录发布它们。...AI系统由一系列代理组成,这些代理分析用户的行为及其所使用的内容,在后台确定合适的信息,并将建议转发给操作系统-例如,应加载哪些模块或故事以适合用户在特定时间的行为。...这不仅提高了代码的可读性,而且影响了操作系统的适应性和更新。除其他外,Google解决了Android长期以来一直在努力的更新问题。 事实 Android生态系统正在努力解决更新问题。...借助Fuchsia OS,Google放弃了具有多个屏幕的设计,这在Android或iOS中是常见的,而是在主屏幕上显示所有内容。

    1.3K00

    移动端点击事件延迟的诞生消亡史

    因此,IOS Safari 浏览器首先引入了 300 毫秒延迟,用来判断用户是否会再次点击,也就是说,在第一次点击延迟 300 毫秒,300 毫秒后用户没有再次点击则认定为用户在进行普通的单击操作,并触发单击...全面的移动开发者与单击事件延迟战争拉开了序幕。鉴于 iPhone 的巨大成功,其他浏览器厂商也都快步跟进纷纷效仿了 iPhone Safari 浏览器的做法。...即大多数网站都无法从 Android 版 Chrome 和 Android 版 Firefox 的优化中受益。...幸运的是,随后 Chrome 团队在 Chrome 32 之后的版本中,提出了新的优秀方案,代码如下: 的原理在 touchend 阶段调用 event.preventDefault,然后通过 document.createEvent 创建一个自定义事件 MouseEvents,然后通过

    2.9K20

    Visual Studio 2017 15.8 版发行说明

    可通过取消选中 CPU 使用情况主视图的“筛选器”下拉列表中的“拼结异步代码”选项来关闭此行为。 添加了“模块/函数”视图,该视图按模块 (dll) 和模块内的函数显示性能信息。...在此版本中,现保留每个框架文件夹中的文件,这样你可以在不同的目标框架之间进行切换,并且仍可使用增量生成。 通过清理项目,你可以回收保留的文件所占用的磁盘空间。...Hyper-V Android Emulator 支持 此版本现在 Windows 10 的 2018 年 4 月更新上运行时支持使用与 Hyper-V 兼容的 Google Android Emulator...现向使用 Hyper-V 的移动应用开发人员提供一款快速运行的 Android 模拟器,该模拟器始终支持最新的 Android API、可与现有的 Google Play Services 配合使用,同时支持...通过第二个选项,Visual Studio 可“回退”至之前的行为,并为不具备测试适配器 NuGet 引用的项目搜索测试适配器扩展。 默认勾选这两个选项,因此在该版本中,默认行为保持不变。

    8.2K10
    领券