使用Javascript拦截开发服务器上的链接

皮特SE4

我有一个纯HTML作业,它正在与要交付的服务器不同的服务器上开发。交付服务器是一个专有系统,它实际上仅允许您上传最终的HTML并使其复杂,因为它进行了自己的URL重写,因此我需要在页面之间使用绝对URL寻址,这意味着在开发服务器上单击当前链接将使您进入到尚不存在的实时服务器页面。只是有点不友好的测试。

我可以利用的一件事是,您在实时服务器上放置的HTML只是body标签之间的内容,因此我想我可以在头部弹出一些Javascript,以拦截对以特定URL开头的链接的点击并将其发送到开发服务器;就像是:

“如果URL以https://liveserver.com/开头,则更改为https://devserver.com/

这样,Javascript仅出现在开发服务器上,并且在代码上传时不会执行重定向。

真的不需要为此而烦恼加载JQuery(除非它使它变得容易得多),所以有一种简单的方法可以在纯Javascript中做到吗?prevent.default,也许吗?

谢谢

雷·哈特菲尔德

不确定这是个好主意,但您可以运行查询选择器并替换所有的href。

请注意,在此运行之后,两个链接都指向stackoverflow:

document.querySelectorAll('a')
  .forEach(
    a => a.href = a.href.replace('google', 'stackoverflow')
  );
a {
  display: block;
  padding: 1em 0;
  position: relative;
}
a::after {
  content: attr(href);
  display: block;
  font-size: 0.75em;
  font-family: sans-serif;
  padding: 0.25em 0;
}
<div>
  <a href="http://google.com/google-link">Google</a>
  <a href="http://stackoverflow.com/stack-overflow-link">Stack Overflow</a>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在开发服务器上使用GIT

WildFly / JBoss服务器上的JavaScript开发

使用OPENQUERY更新链接服务器上的表

使用GRPC服务器拦截器验证请求

链接服务器上的 INSERTING INTO 表

链接服务器上的SQLSMS Intellisense

在 NextJS 上运行开发服务器(在网络上)

使用JavaScript检查服务器上是否存在图像?

Javascript使用SheetJS在服务器上读取Excel文件

如何使用JavaScript在服务器上获取站点URL

使用Nginx和Docker的Webpack开发服务器:在错误的地址上轮询信息

如何在Google App Engine的本地开发服务器上使用Python 3

在 appengine 开发服务器 SDK 上强制使用 TLS 1.2

无法使用PHP在Google App Engine开发服务器上写入文件?

RouteMapping可在开发服务器上使用,但会在生产中产生404

如何在本地apache开发服务器(本地主机)上使用TLS

GAE BigQuery可在开发服务器上使用,但部署时会出现HTTP 400错误

Channel API-生产中的无效令牌,可在开发服务器上使用

无法在 Windows 上运行 webpack 开发服务器

GAE / Go挂在本地开发服务器上

关闭开发服务器上的Celery任务延迟

Svelte 开发服务器卡在旧版本上

React Native开发服务器未在设备上运行

Raspberry Pi上的Django开发服务器拒绝连接

AppEngine本地开发服务器上的Braintree SDK SSLCertificateError

ReactJS开发服务器无法在MacOS Catalina上启动

如何修复Django开发服务器上的大量滞后?

图像 url 在开发服务器上工作,但在生产服务器上失败

在服务器上使用ExpressJS在客户端上使用JQuery静态链接