浏览器跳转其他浏览器打开新网址并传参

最新推荐文章于 2024-04-03 18:01:02 发布
原创 最新推荐文章于 2024-04-03 18:01:02 发布 · 902 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #javascript

本文介绍了如何在Windows上实现从当前浏览器跳转到新浏览器（如360兼容模式）并打开新网址，同时传递参数。首先，需要创建注册表文件以注册目标浏览器，然后通过`window.location.href`在浏览器控制台中执行跳转命令，携带参数。在新浏览器中，可以通过函数获取传递的参数。对于IE浏览器不支持`Object.assign`的问题，提出了应对方法。

遇到一个公司旧项目，谷歌浏览器不支持，直接闪退，记录一下当前浏览器跳转新浏览器打开新网址，携带用户信息登录，暂时只是在Windows机上解决。

之前在edge浏览器直接新打开了，原来是它本身就有这种方案

  

一、添加注册表信息

  1. 创建reg文件用于注册需要打开的软件

    Windows Registry Editor Version 5.00

[HKEY_CLASSES_ROOT\fastchrome]
@="URL:fastchrome Protocol"
"URL Protocol"=""

[HKEY_CLASSES_ROOT\fastchrome\DefaultIcon]
@="\""C:\\Users\\vm\\AppData\\Roaming\\360se6\\Application\\360se.exe\",0"

[HKEY_CLASSES_ROOT\fastchrome\shell]

[HKEY_CLASSES_ROOT\fastchrome\shell\open]

[HKEY_CLASSES_ROOT\fastchrome\shell\open\command]
@="cmd /c set url=\"%1\" & call set url=%%url:fastchrome:=%% & call \"C:\\Users\\vm\\AppData\\Roaming\\360se6\\Application\\360se.exe\" %%url%%"

  2. 介绍
    fastchrome可以自定义名称，后续打开就用这个名称。
    软件安装地址要改下，这里用的360兼容模式（最烦的浏览器），不

最低0.47元/天 解锁文章
Vue3 - 实现路由 “新开一页“ 进行页面跳转功能，Router 路由跳转时在新窗口打开页面（网站跳转页面时浏览器新开页签打开网页，支持在页面、纯 js/ts 文件中使用，详细示例代码教程）
🏆 前端领域优质创作者
11-28 1万+
vue3，router路由，vue3怎么实现路由跳转支持新窗口打开，vue3路由跳转新开一页，vue3打开新页面路由跳转，vue3网页如何让浏览器打开新页签跳转页面，vue3怎么实现路由跳转支持新窗口打开，跳转时打开新页面，vue3跳转到一个新页面怎么实现，vue3页面跳转新开一个页面，vue3页面实现跳转到新的标签页，vue3编程式导航如何打开新窗口实现，vue3在js文件中如何实现路由跳转新开窗口，vue3在纯ts文件中页面跳转怎么新开窗口，vue3纯js/ts文件里跳转新页面时新开一页新窗口，Vue3
通过URL跨页面传递参数
01-06
通过URL跨页面传递参数，并使得参数中的文字转化为字符，这样可以保护参数信息
浏览器自动跳转
weixin_34080951的博客
04-04 395
#NoEnv ; Recommended for performance and compatibility with future AutoHotkey releases. ; #Warn ; Enable warnings to assist with detecting common errors. SendMode Input ; Recommended for ne...
window.open跳转新页面传参
Lydia
10-17 1165
接参 ：window.opener.myParam?window.opener.myParam : {} //下载参数。传参 : window.myParam = 参数 （参数不会在路由中显示）接参 ：this.$route.query。传参 :(参数在路由种显示）
跳转浏览器打开链接
爆笑弟的博客
11-02 3772
android跳转浏览器打开url
打开新的页面实现路由传参跳转
rookien_的博客
01-17 849
知识点 （router.push 和 router.resolve）
vue跳转方式（打开新页面）及传参操作示例
10-15
本文将详细讲解在Vue中如何实现这两种功能，特别关注打开新页面的跳转以及如何在跳转过程中传递参数。 首先，我们来看一下在Vue中进行页面跳转的几种主要方式： 1. **`router-link` 跳转** `router-link` 是Vue ...
jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】
10-18
在这个函数内，获取用户在输入框中输入的文本，经过编码后，拼接到新的URL字符串，并通过设置location.href的值，从而实现跳转到另一个页面。页面跳转是Web开发中非常基本的操作，对于不同浏览器的兼容性极好。 在...
django跳转页面传参的实现
09-24
在Django框架中，跳转页面并传递参数是一个常见需求，有多种实现方式。根据提供的文件内容，我们可以详细了解到如何通过前端JavaScript和本地存储以及Django后端视图实现页面间的数据传递。 首先，介绍的是通过...
window.location.href跳转页面如何带参？一分钟教会你
weixin_45457797的博客
11-13 6480
window.location.href跳转页面如何带参
js实现跨浏览器tab选项卡页通信、传参，监听localStorage.变量的实时变化，实现打开多个浏览器页面窗口相互可以传参通信
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
06-07 637
【代码】js实现跨浏览器tab选项卡页通信、传参，监听localStorage.变量的实时变化，实现打开多个浏览器页面窗口相互可以传参通信。
使用浏览器打开本地的exe程序并传递参数
学不会shader
04-03 3128
使用浏览器打开本地的exe程序并传递参数
跳转重新打开新的浏览器
AiTingYan的博客
08-27 509
function turn(url){ var params = 'width=' + (window.screen.availWidth) + ',height=' + (window.screen.availHeight) + ',top=0,left=0,fullscreen=yes' + ',t...
网页传参
殇莫忆的博客
05-05 280
本人原创，未经允许不得转载！
从一个浏览器中打开另一个浏览器程序并执行指定的网址
热门推荐
YaYicho的博客
04-02 2万+
环境：windows系统、ie浏览器、360浏览器。通过js脚本进行打开浏览器。关键js代码： <script type="text/javascript"> function start(strPath){  var objShell = new ActiveXObject("wscript.shell");  var cmd = "cmd /c start C:/Users...
关于浏览器之间携带网址跳转的例子
qq_38946996的博客
04-09 1117
关于浏览器之间携带网址跳转的例子代码详解注意IE需要修改 本人第一次写博客有写的不对不周到的地方请大家帮忙指点留言 _ 。 关于浏览器之间跳转，只有IE支持，谷歌和火狐不支持，在IE可以跳转到谷歌或火狐浏览器上并且打开一个网页，给大家分享代码。 代码详解 本项目是SSM框架，这是一个jsp界面，里面是用ajax向后端发送查询请求，将查询出来的网址和浏览器显示在前端界面上. <%@ page...
前端之路：js跨页面传参(H5 web storage)
qq_33368846的博客
01-02 3023
一、URL（传统） 把参数值附在url后面传递到其他页面, 这种方法不适合在后台 iframe 这种 tab 页面直接跳转传参，iframe 标签写死了。页面虽然刷新了，但是接受的url参数是第一次打开时候的参数。 二、H5 web storage 1、sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束...
地址传参
Wake_me_Up123的博客
09-07 720
1、如果在函数中，我们不希望再使用某个变量或者希望此地不再使用某个变量，则可以使用unset(变量名)，将该变量彻底删除。 $a = 213; func abc($b) { $b = 314; } abc($a); echo $a;他的输入结果为：213。（$a输出的是指向0x123这个地址的值，这里存的值一直没有变，为213）。 $a =
浏览器传参，怎么增加
最新发布
10-31
<think>首先，用户的问题是：“我想查找在浏览器中增加传参的方法”。用户正在询问如何在浏览器中添加参数（URL参数）。 从引用中，有几个相关点： - 引用[1]：讨论了在JavaScript中对URL参数进行编码和解码来处理中文参数的问题。它展示了如何在JSP页面中使用encodeURI()进行编码，以及在Java后端使用java.net.URLDecoder.decode()进行解码。 - 引用[2]：描述了前后端通过HTTP接口传参的常用方法，包括HTTP报文格式、后端获取和前端调用。 - 引用[3]：提到了回调方法中的传参，但似乎更侧重于JavaScript框架（如Vue）中的组件通信。 - 引用[4]：解释了在JavaScript中如何通过URL参数传参，举例说明浏览器如何处理uid参数。 - 引用[5]：讨论了在浏览器中打开iOS应用并传参，使用自定义URL scheme。 用户的问题是专注于“在浏览器中增加传参的方法”，意思是增加URL参数。所以，我应该集中在URL参数（query parameters）的方法上。 关键方法： 1. **前端JavaScript添加参数**：使用JavaScript在浏览器端动态添加参数到一个URL。例如，使用`encodeURIComponent()`来编码参数值，然后添加到URL上。 - 从引用[1]：`var newUrl = "checkLogin/lessonClassList?userName=张三"; newUrl = encodeURI(newUrl);` - 引用[4]：展示了如何通过在URL中添加参数（如`uid=2`）来传参。 2. **后端处理**：当参数被添加后，后端需要读取和解析这些参数。例如，在Java中使用`request.getParameter()`和URL解码。 3. **其他方法**：如引用[5]提到的自定义URL schemes，但那是针对打开特定应用，不是纯浏览器URL参数。 核心方法：在浏览器中增加传参，通常是通过修改URL的query string部分。这可以是： - 手动：在地址栏输入URL时添加`?key=value&key2=value2`。 - 动态：使用JavaScript在加载页面时添加或修改参数。 响应结构：系统指令要求回答清晰，使用中文，并生成相关问题。同时，引用来源需要自然地添加引用标识。 我的回答应该： 1. **逐步解决问题**：解释如何添加参数的不同方法。 2. **使用中文**。 3. **引用相关部分**：在适当的地方添加引用标识，如[^1]。 4. **生成相关问题**：在末尾添加相关问题部分。 大纲回答： - 介绍：简要解释URL参数是什么。 - 方法1：手动添加参数（在地址栏或链接中）。 - 方法2：使用JavaScript动态添加参数（编码参数，修改URL）。 - 示例代码：展示一个简单的JavaScript例子。 - 注意事项：如字符编码问题（引用[1]）。 - 后端处理：简要提到后端如何获取参数（引用参考）。 - 生成相关问题。 确保LaTeX语法正确：用户的问题不涉及数学表达式，所以可能不需要LaTeX格式。但如果有，要用$...$或$$...$$。 响应格式： - 开头直接回应问题。 - 结构清晰：分步骤或方法。 - 结尾添加相关问题。 </think>### 在浏览器中增加传参的方法 在Web开发中，在浏览器中增加传参主要通过修改URL的查询字符串（query string）来实现。查询字符串是URL的一部分，以`?`开头，参数以`key=value`格式表示，多个参数用`&`分隔。例如，原始URL `https://example.com/page` 添加参数后变成 `https://example.com/page?name=张三&age=25`。这种方法适用于前后端交互、页面导航或API调用。添加参数的方式分为手动添加和动态添加两种，我将逐步解释核心方法、注意事项和实例。 #### 1. **手动添加参数（适用于简单场景）** 手动添加参数是最基础的方式，直接在浏览器地址栏或HTML链接中输入完整的URL和参数。无需代码，适用于快速测试或静态页面。 - **步骤**： - 打开浏览器地址栏。 - 在URL末尾添加 `?key1=value1&key2=value2`（注意：URL必须包含参数起始符 `?`）。 - 例如，将 `https://example.com/user` 改为 `https://example.com/user?name=张三&role=admin` 。 - **注意事项**： - 参数值如果包含特殊字符（如中文、空格或`&`），需要手动编码（如用`%20`代替空格），否则可能解析错误。例如，"张三" 应编码为 `%E5%BC%A0%E4%B8%89`（使用URL编码规则）。这能避免浏览器兼容性问题[^1]。 #### 2. **动态添加参数（使用JavaScript，适用于交互式网页）** 动态添加更灵活，适用于前端脚本动态生成URL（如AJAX请求或页面跳转）。核心是使用JavaScript的 `encodeURIComponent()` 或 `URLSearchParams` API 编码参数，然后更新URL。这样可以确保参数安全传输，尤其处理中文或特殊字符时[^1][^2]。 - **步骤**： 1. **构建查询字符串**：使用 `encodeURIComponent()` 对每个参数值编码，防止注入攻击或编码问题。 2. **更新URL**：将编码后的参数拼接到URL上。 3. **应用场景**：页面重定向、表单提交或通过API发送参数。 - **JavaScript 示例代码**： 以下是一个简单例子，动态添加参数到URL并触发页面跳转（或API调用）。假设原始URL为 `https://example.com/data`，添加参数 `userName=张三` 和 `age=30`。 ```javascript // 步骤1: 定义参数对象 const params = { userName: "张三", // 中文参数需要编码 age: 30 }; // 步骤2: 编码参数并构建查询字符串 const queryString = Object.keys(params) .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(params[key])}`) .join('&'); // 编码后，userName 变为 %E5%BC%A0%E4%B8%89，防止浏览器解析问题 // 步骤3: 拼接完整URL并应用（例如重定向页面） const baseUrl = "https://example.com/data"; const newUrl = `${baseUrl}?${queryString}`; window.location.href = newUrl; // 浏览器跳转到新URL // 或者用于API调用，如 fetch(newUrl) ``` - **解释**： - `encodeURIComponent()` 是关键，它确保中文和特殊字符被正确编码（如空格转为 `%20`），避免浏览器兼容性问题[^1][^4]。 - 使用 `window.location.href` 更新URL会刷新页面；如果用于异步请求（如 `fetch`），参数可作为查询字符串发送。 - **替代方法（使用 URLSearchParams）**：现代浏览器支持 `URLSearchParams` API，更简洁。 ```javascript const params = new URLSearchParams(); params.append("userName", "张三"); params.append("age", 30); const newUrl = `https://example.com/data?${params.toString()}`; console.log(newUrl); // 输出: https://example.com/data?userName=%E5%BC%A0%E4%B8%89&age=30 ``` #### 3. **注意事项与后端处理** - **编码和解码**：前端编码（如 `encodeURIComponent()`）后，后端需解码以获取原始参数。例如，在Java中： - 使用 `request.getParameter("userName")` 获取参数。 - 再用 `java.net.URLDecoder.decode(name, "UTF-8")` 解码，避免乱码问题[^1]。 - **浏览器兼容性**：所有现代浏览器支持查询字符串参数，但动态添加时需测试编码行为（如IE旧版本可能有差异）。手动编码可兼容多数场景[^1][^2]。 - **安全考虑**：参数易被篡改，不应传输敏感数据（如密码）。建议使用HTTPS防止嗅探。 - **其他传参方式**：除了URL参数，还可通过： - **POST请求body**：适用于大数据或文件上传（非URL参数）。 - **自定义URL schemes**：如引用[5]所述，在浏览器中打开iOS应用时传参，但这是特定场景而非标准Web方法[^5]。 - **回调方法**：在框架（如Vue）中通过事件传递参数，但这不直接涉及URL修改[^3]。 #### 总结 在浏览器中增加传参的核心是操作URL查询字符串：手动方式适合简单操作，而JavaScript动态添加更灵活，并能处理编码问题。确保参数正确编码（使用 `encodeURIComponent()`）和解码（在后端）是关键，以支持跨浏览器和中文参数[^1][^2][^4]。实际应用中，结合具体需求选择方法即可。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值