Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >chrome.webNavigation.onHistoryStateUpdated在重定向上执行多次

问chrome.webNavigation.onHistoryStateUpdated在重定向上执行多次
EN

Stack Overflow用户

提问于 2020-02-06 10:22:20

回答 1查看 165关注 0票数 0

当我单击网页上的链接时，脚本会执行一次，不出所料，但当网页重定向用户时(如使用history.pushState() )，脚本会执行两次，我如何停止此操作？

令人难以置信的是，历史API并没有区分重定向和点击链接，它将它们都报告为transitionType类型的link。

默认情况下，executeScript仅在顶部帧(frameId 0)上执行，因此这不是问题所在。我还使用了回调函数的frameId和parentFrameId属性，尽管我知道这不会解决问题，因为正如我所说的，在单击链接时，脚本只执行一次，但当浏览器重定向时，它会执行两次。

BackgroundScript：

chrome.webNavigation.onHistoryStateUpdated.addListener(function(obj){
    if (obj.frameId === 0 && obj.parentFrameId === -1){
        chrome.tabs.executeScript({
            file: 'js/contentScript.js',
            runAt: 'document_end'
        });
        console.log(obj.transitionType);
    }
});

ContentScript：

console.log("executed!");

google-chrome-extension

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-02-06 10:38:02

onHistoryStateUpdated事件不仅在浏览器的后退/前进操作中触发，而且当站点脚本使用window.history方法时也会触发，因此它可能在每次导航中发生1000次，如果页面调用那么多次，则没有限制。

如果这里的问题是脚本的多次执行，您可以简单地先发送一条消息，然后只在没有收到响应的情况下才进行注入。或者在内容脚本中使用全局变量，请参见how to avoid dynamically injecting the same script multiple times when using chrome.tabs.executeScript。

票数 1

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/60092692

复制

相关文章

python 从字典中提取子集

prices = { 'ACME': 45.23, 'AAPL': 612.78, 'IBM': 205.55, 'HPQ': 37.20, 'FB': 10.75 } Make a dictionary of all prices over 200 p1 = {key: value for key, value in prices.items() if value > 200} Make a dictionary of tech stocks tech_names = {'AAPL', 'IB

用户5760343

2019/09/25

1.3K0

从爬取的文章 HTML 中提取出中文关键字

https://github.com/KotlinSpringBoot/saber

一个会写诗的程序员

2018/08/17

1.6K0

php-从网页中提取关键字

浏览量 1 <?php header("content-type:text/html;charset=utf8;"); //所有<meta ......> 标记的资料取出并放置数组变量返回 $met

kdyonly

2023/03/03

6020

用于从 JSON 响应中提取单个值的 Python 程序

python json 程序对象数据

值提取是一个非常流行的编程概念，它用于各种操作。但是，从 JSON 响应中提取值是一个完全不同的概念。它帮助我们构建逻辑并在复杂数据集中定位特定值。本文将介绍可用于从 JSON 响应中提取单个值的各种方法。在开始值提取之前，让我们重点了解 JSON 响应的含义。

很酷的站长

2023/08/11

2110

用于从 JSON 响应中提取单个值的 Python 程序

python 字典关键字排序

rows = [ {'fname': 'Brian', 'lname': 'Jones', 'uid': 1003}, {'fname': 'David', 'lname': 'Beazley', 'uid': 1002}, {'fname': 'John', 'lname': 'Cleese', 'uid': 1001}, {'fname': 'Big', 'lname': 'Jones', 'uid': 1004} ]

用户5760343

2019/09/25

6430

帮老婆系列-从客服数据中提取工单号、工号等关键字

编程算法正则表达式

正则表达式是用来匹配字符串非常强大的工具，在其他编程语言中同样有正则表达式的概念，Python同样不例外，利用了正则表达式，我们想要提取出我们想要的内容就易如反掌了，本文是为了减轻老婆的工作写的一个小小的场景。

python与大数据分析

2022/05/19

4120

帮老婆系列-从客服数据中提取工单号、工号等关键字

Python 从视频中提取图像

视频由图像连续切换构成，本文记录python提取视频中图像的方法。核心方法使用opencv 库中的VideoCapture 方法： import cv2 cap = cv2.VideoCapture(url) cap.set(1, 1) # 取它的第一帧 rval, frame = cap.read() # rval 为是否成功的标记（True为正常）, frame 为截取的图像工具代码 # -*- coding: utf-8 -*- import cv2 from PIL import

为为为什么

2022/08/06

1.2K0

Python 从视频中提取图像

Python获取字典值

前面简单介绍了Python字典，以及如何创建字典。今天我们来聊聊如何获取字典中的值。python中有两种方法来获取字典中的值——get() 方法和 [key] 方法，今天我们来简单对比一下这两种方法。我们还是拿上次的car来举例子。

生信交流平台

2020/08/06

1.9K0

python字典更新值_Python–字典元组值更新

python serverless 编程算法

有时在处理元组数据时，我们在执行其版本时会遇到问题，原因是它是不可变的。讨论字典中元组值的版本。这在许多领域都有应用，因为字典通常是web开发和数据科学领域中流行的数据类型。让我们讨论解决这个问题的某

用户7886150

2021/01/13

2.4K0

Python字典提取_python字典键对应的值

python https 网络安全编程算法

注意如果存在相同键值，比如说： a={'a':1,'b':2,'c':3,'aa':12}　b= {'aa':11,'bb':22,'cc':33} 那么方法一＼二＼三得到结果为

全栈程序员站长

2022/11/03

3.7K0

用 Python 从单个文本中提取关键字的四种超棒的方法

https 网络安全腾讯云开发者社区

在我之前的文章中，我介绍了使用 Python 和 TFIDF 从文本中提取关键词，TFIDF 方法依赖于语料库统计来对提取的关键字进行加权，因此它的缺点之一是不能应用于单个文本。

数据STUDIO

2022/05/24

6.5K0

用 Python 从单个文本中提取关键字的四种超棒的方法

Python - 从字典列表中删除字典

python dictionary location 程序数据

字典是python的一个非常常用的功能，用于根据用户需要在其中存储数据。另一个典型的过程涉及编辑或操作此数据。要成为一名高效且快速的程序员，您必须弄清楚如何从字典列表中删除字典。有许多技术可以从词典列表中删除字典，本文将介绍这些技术。

很酷的站长

2023/08/11

2130

Python - 从字典列表中删除字典

从 Angular Route 中提前获取数据

angularjs bash json css

—\ntheme: fancy\n—\n\n### 介绍\n\n提前获取意味着在数据呈现在屏幕之前获取到数据。本文中，你将学到，在路由更改前怎么获取到数据。通过本文，你将学会使用 resolver，在 Angular App 中应用 resolver，应用到一个公共的预加载导航。\n\n### 你为什么应该使用 Resolver\n\nResolver 在路由跟组件之间扮演着中间件服务的角色。假设你有一个表单，没有数据时，你想向用户一个空的表单，当在加载用户数据时展示一个 loader，然后当数据返回时，填充表单并隐藏 loader。\n\n通常，我们都会在组件的 ngOnInit() 钩子函数中获取数据。也就是说，组件加载完之后，我们发起数据请求。\n\n在 ngOnInit() 中操作，我们需要在每个需要的组件加载后，在其路由页面中添加 loader 展示。Resolver 可以简化 loader 的添加使用。你可以只添加一个适用于每个路由的 loader，而不是每个路由中都添加 loader。\n\n本文将结合示例来解析 resolver 的知识点。以便于你可以牢记它并在项目中使用它。\n\n### 在应用中使用 Resolver\n\n为了在应用中使用 resolver，你需要准备一些接口。你可以通过 JSONPlaceholder 来模拟，而不需要自己开发。\n\nJSONPlaceholder 是一个很棒的接口资源，你可以借助它更好学习前端的相关概念而不被接口所约束。\n\n现在，接口的问题解决了，我们可以开始 resolver 的应用了。一个 resolver 就是一个中间件服务，所以我们将创建一个服务。\n\nbash\n ng g s resolvers/demo-resolver --skipTests=true\n\n\n> –skipTests=true 跳过生成测试文件\n\nsrc/app/resolvers 文件夹中创建了一个服务。resolver 接口中有一个 resolve() 方法，它有两个参数：route（ActivatedRouteSnapshot 的实例）和 state(RouterStateSnapshot 的实例)。\n\nloader 通常是在 ngOnInit() 中编写所有的 AJAX 请求，但是逻辑将会在 resolver 中实现，替代 ngOnInit()。\n\n接着，创建一个服务来获取 JSONPlaceholder 中列表数据。然后在 resolver 中底调用，接着在路由中配置 resolve信息，（页面将会等待）直到 resolver 被处理。在 resolver 被处理之后，我们可以通过路由来获取数据然后展示在组件中。\n\n### 创建服务并编写逻辑获取列表数据\n\nbash\n ng g class models/post --skipTests=true\n\n\npost.ts\n\ntypescript\nexport class Post {\n id: number;\n title: string;\n body: string;\n userId: string;\n}\n\n\nmodel 就绪，是时候获取帖子 post 的数据了。\n\npost.service.ts\n\ntypescript\nimport { Injectable } from "@angular/core";\nimport { HttpClient } from "@angular/common/http";\nimport { Post } from "../models/post";\n\n@Injectable({\n providedIn: "root"\n})\nexport class PostsService {\n constructor(private _http: HttpClient) {}\n\n getPostList() {\n let URL = "https://jsonplaceholder.typicode.com/posts";\n return this._http.get<Post[]>(URL);\n }\n}\n\n\n现在，这个服务随时可被调用。\n\ndemo-resolver.service.ts\n\ntypescript\nimport { Injectable } from "@angular/core";\nimport {\n Resolve,\n ActivatedRouteSnapshot,\n RouterStateSnapshot\n} from "@angular/router";\nimport { PostsService } from "..

Jimmy_is_jimmy

2022/09/08

6.2K0

从PlatEMO中提取真实PF前沿

html 文件存储

从PlatEMO中提取真实PF前沿觉得有用的话,欢迎一起讨论相互学习~ 众所周知，我是Jmetal的重度爱好者，最近实验遇到一些难以解决的困难，当我在进行超多目标优化实验即MaOP时，需要M=10及以上的PF，然而在benchmark中没有提供，而且Jmetal不支持通过均匀取点的方式生成PF。因此，经过老师的指导，我们选择使用在PlatEMO中运行完相应目标数量的benchmark problem后，将通过均匀踩点得到的真实PF提取出来作为在Jmetal上进行实验的真实PF. 观察platEMO中PF

演化计算与人工智能

2022/05/16

1.6K0

从PlatEMO中提取真实PF前沿

【Python】字典 dict ① ( 字典定义 | 根据键获取字典中的值 | 定义嵌套字典 )

python 存储变量集合数学

字典在大括号 {} 中定义 , 键和值之间使用冒号 : 标识 , 键值对之间使用逗号 , 隔开 ;

韩曙亮

2023/10/11

2860

Python | 从 PDF 中提取文本内容

python git github https

本来打算推一篇如何使用 Python 从 PDF 中提取文本内容的文章，但是因为审核原因，公众号上发不出来。尝试排查了一个小时，还是没有搞定，索性就放弃挣扎了。我在这里放出来文章的第一部分，如果有兴趣，可以前往我的 Github 或者码云上查看全文。

PyStaData

2020/07/21

3.1K0

python 字典最大值、最小值、排序

prices = { 'ACME': 45.23, 'AAPL': 612.78, 'IBM': 205.55, 'HPQ': 37.20, 'FB': 10.75 }

用户5760343

2019/09/25

1.7K0

如何从Docker镜像中提取Dockerfile?

容器镜像服务 nginx 容器

今天在技术群摸鱼，有朋友问个docker的问题，替换配置文件不生效，也没有原先的Dockerfile，所以就在想，有没有什么方式可以直接从容器或镜像生成Dockerfile

李俊鹏

2021/05/27

5.9K0

使用DeepWalk从图中提取特征

NLP 服务编程算法 https python 网络安全

作者 | PRATEEK JOSHI 编译 | VK 来源 | Analytics Vidhya 概述从表格或图像数据中提取特征的方法已经众所周知了，但是图(数据结构的图)数据呢? 学习如何使用De

磐创AI

2019/12/03

2.1K0

点击加载更多

相似问题

从字典中提取关键字

219

如何从字典列表中提取关键字和值？

47

从字典中提取关键字、值作为数据帧

344

从字典中提取x个给定关键字的先前关键字-值对

110

从字典列表中提取所有关键字

62

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例