在将React应用程序注入Chrome扩展时，无法对“History”执行“pushState”

文章/答案/技术大牛

发布

1回答

reactjs、google-chrome-extension、react-redux

我正在尝试将React应用程序注入Chrome扩展中。我还将其与Redux联系起来。不幸的是，当我开始扩展时，我得到了以下异常： react-dom.production.min.js:17 Uncaught DOMException: Failed to execute 'pushState' on 'History': A history

浏览 49提问于2020-01-02得票数 0

1回答

如何在不重新加载应用的情况下更改应用路径

javascript、browser、frontend

我希望我的chrome扩展注入的代码可以更新用户的路径名，而无需重新加载用户的应用程序。目前我有一项工作 window.history.pushState('', '', '/about')setTimeout(() => window.history.forward(), 20)

浏览 26提问于2021-09-22得票数 0

3回答

重写history.pushState会导致opera 11中的错误

javascript、html、cross-browser、history、opera

我正在通过greasemonkey脚本/opera扩展将以下代码注入到网页中，以捕获history.pushState命令，这样每当触发pushState命令时，我就可以进行一些处理，然后允许pushState(function(history){ history.pushState</

浏览 6提问于2011-01-25得票数 5

1回答

如何检测Safari扩展中的历史状态变化？

javascript、safari-extension、pushstate、browser-extension

我一直在开发一个跨浏览器的扩展(适用于Chrome、Firefox、Opera等)，每当用户在Youtube上转到新页面时，它都会运行一个脚本。由于Youtube使用History API的pushState导航到新页面，因此只有在重新加载页面或将URL显式输入到地址栏中时，才能以声明方式注入脚本。为了解决这个问题，我使用webNavigation应用程序接口中的onHistory

浏览 20提问于2021-10-10得票数 1

回答已采纳

1回答

pushState更改-等价于Chrome扩展onHistoryStateUpdated

firefox、firefox-addon、firefox-addon-sdk、pushstate

我正在将Chrome扩展移植到火狐扩展，并且由于它运行的网站的性质，我需要监视pushState。我在Chrome扩展中使用它的方式如下： var我试着做了这里提到的答案： var pushState

浏览 1提问于2014-09-26得票数 1

回答已采纳

2回答

检测URL更改(不卸载窗口)

javascript、ajax、url、google-chrome-extension

例如，当你点击右导航栏中的另一个视频时，YouTube视频页面就会发生这种情况。这是一个Chrome扩展。我正在寻找一种在javascript中URL更改之前进行检测的方法。

浏览 1提问于2013-08-25得票数 5

5回答

Android在进步Web应用程序上的Back按钮关闭de App

android、html、service-worker、progressive-web-apps

一个“纯”HTML5 5/Javascript(渐进) web应用程序能拦截移动设备返回按钮以避免应用程序退出吗？

浏览 8提问于2017-04-10得票数 30

回答已采纳

1回答

在Trello的Chrome扩展中检查浏览器

javascript、google-chrome-extension、dom-events、trello

我正在开发一个Chrome扩展，它处理卡列表中的Trello中的卡片。我尝试了很多(容易)的方法来检测我在互联网上找到的后退按钮，但没有运气。这是我目前的检测功能。= history.pushState; history.

浏览 0提问于2018-03-06得票数 0

回答已采纳

1回答

window.location.href重定向引发history.pushState()错误

javascript、reactjs、react-router-v4

我有一个基于URL的设置，我将加载一个不同的React应用程序包。在初始登录和选择特定的子路由时，我尝试使用以下命令将用户推送到第二个应用程序 window.location.href = 'http://localhost:3000/' + appName + '/然而，我现在遇到了这个我似乎无法理解的问题。Uncaught DOMException: Failed to execute '

浏览 78提问于2019-05-24得票数 0

1回答

历史api上的popstate事件不会触发。

javascript、html、html5-history

(){} history.pushState({page: "monica"}, "monica","monica.html"); histor

浏览 5提问于2014-05-18得票数 1

1回答

如何使用纯React检测附加到URL的查询参数

javascript、reactjs、typescript

我的React应用程序中有一个注入的外部小部件，它有一些链接，当单击这些链接时，查询param会附加到URL中。想象一下这样的事情：有任何方法来检测这个附加的查询param到URL使用React吗？在这里，页面没有完全重新加载是很重要的，因为有一些信息不能丢失，而且也不能使用外部库，比如React路由器DOM (在这里类似的问题中广泛使用)。到目前为止，在不触发重新加载的情况下追加URL的方法如下： if (histo

浏览 2提问于2022-08-25得票数 1

回答已采纳

3回答

反应路由器-未定义的历史

javascript、reactjs、ecmascript-6、react-router

不幸的是，按下按钮后我得到： import React from 'react';const history = createBrowserHistory(); React.render(<Router history={history

浏览 8提问于2016-01-04得票数 10

回答已采纳

3回答

Office.js使浏览器历史记录函数无效，中断历史记录的使用

office-js

这里提供了office.js的官方版本：它在代码中包含以下几行：window.history.pushState = null;为什么office.js我

浏览 2提问于2017-03-07得票数 21

1回答

Chrome扩展:如何检测到标签中已经加载了内容脚本？

javascript、google-chrome-extension

我的后台脚本中有以下代码： if (changeinfo.statusmatchesUrlFilters(tab.url)) chrome.tabs.execute

浏览 1提问于2012-01-14得票数 11

回答已采纳

1回答

Chrome强制在window.history.back()上刷新页面

javascript、google-chrome、browser-history、pushstate

我使用的是带有history.pushState的哈希系统，因此根据单击的div，我分配了一个不同的哈希。(stateObj, "page 1", '#faa') 在提交表单之前，pushState将在两种浏览器上具有相同的行为。如果提供的选项是错误的，则创建的页面将包含一个按钮，该按钮将触发window.history.back()再次尝试。这适用于Firefox，它还会在单击“后退”时</e

浏览 5提问于2016-10-07得票数 3

2回答

无法使用History.js实现历史记录

javascript、jquery、ajax、history.js

我已经从下载了压缩包，然后在我的web应用程序中上传了browserstate-history.js-e84ad00\scripts\uncompressed\history.js。responseHTML + "</div>"; history.pushState</e

浏览 3提问于2012-10-10得票数 3

1回答

React路由器/Redux浏览器返回按钮功能

reactjs、redux、react-router、browser-history、html5-history

我正在构建一个“黑客新闻”克隆，使用React/Redux，无法让这个最后的功能发挥作用。我将整个App.js包装在BrowserRouter中，并使用window.history将withRouter导入到组件中。我在API调用动作创建者中将我的状态推入window.history.pushState(getState(), null, `/${getState().searchResponse.params}`console.l

浏览 0提问于2019-02-19得票数 1

9回答

在react中禁用back按钮-路由器2

javascript、reactjs、react-router

成功登录后，我将用户重定向到仪表板页面，但当用户单击“后退”按钮时，它将再次转到登录页。当用户在仪表板页面上时，我想禁用browser的back按钮。

浏览 22提问于2016-03-21得票数 13

回答已采纳

2回答

一种清除react浏览器历史记录的方法？

reactjs

使用react的history/createBrowserHistory，并想知道是否有方法可以清除整个历史。想要在用户注销应用程序时清除整个历史记录(可能是在应用程序中第一次使用历史记录的时候)。

浏览 2提问于2018-02-23得票数 4

回答已采纳

2回答

如何禁用Chrome的推态？(适用于Davis.js)

javascript、google-chrome、pushstate

如何禁用Chrome的推态(用于测试目的)？我使用作为我的推态逻辑。

浏览 3提问于2012-03-26得票数 1

回答已采纳

点击加载更多