当前位置: 首页 > 知识库问答 >
问题:

visual-studio-code - vscode 运行和调试(断点调试)打开的浏览器无法获取设备浏览器上的cookie等信息?

羊舌墨一
2024-01-22

项目因为涉及到认证,所以在 cookie 里面放了一些信息,比如 token 啥的。然后这个项目已经在 localhost:8083 跑起来了,这时候 chrome 的 localhost:8083 域名下面已经有了这些 cookie 信息。
但是此时我跑 vscode 运行和调试时,同样也是跑在 8083 端口,打开的 chrome localhost:8083 域名对应的 cookie 里面没有这些信息,导致项目无法正常访问
是否是因为 vscode 打开的 chrome 和我设备上的 chrome 其实不是一个实体?

共有1个答案

边霄
2024-01-22

首先,VSCode 打开的浏览器和您设备上的 Chrome 确实是两个不同的实体。VSCode 使用自己的浏览器实例来运行和调试代码,而不是使用您设备上安装的 Chrome 浏览器。

关于您无法获取设备浏览器上的 cookie 等信息的问题,这可能是由于几个原因造成的:

  1. Cookie 隔离:VSCode 的调试器通常会为每个启动的浏览器实例设置独立的 cookie 存储。这意味着,当您在 VSCode 中运行和调试代码时,它将在其自己的 cookie 存储中运行,而不是使用您设备上 Chrome 的 cookie 存储。
  2. 端口问题:如果您在 VSCode 中运行和调试的端口与您设备上 Chrome 的端口不同,那么浏览器会将其视为不同的域。这意味着,VSCode 中的浏览器实例将无法访问您的设备上 Chrome 的 cookie。确保在 VSCode 中使用的端口与您设备上 Chrome 的端口相同。
  3. 安全限制:出于安全考虑,某些 cookie 可能被限制为只能在特定的浏览器实例或域中使用。这可能导致 VSCode 中的浏览器实例无法访问您的设备上 Chrome 的 cookie。

为了解决这个问题,您可以尝试以下方法:

  • 确保 VSCode 中使用的端口与您设备上 Chrome 的端口相同。
  • 检查您的项目配置,确保没有安全限制阻止 VSCode 中的浏览器实例访问 cookie。
  • 如果您的项目依赖于特定的 cookie,您可以尝试手动将所需的 cookie 添加到 VSCode 中的浏览器实例的 cookie 存储中。这可以通过在 VSCode 的配置文件中设置 "debug.javascript.usePreview": true 来实现,这将允许您在调试时手动添加所需的 cookie。

请注意,由于 VSCode 和其调试器的工作方式,它可能无法完全模拟您设备上 Chrome 的行为。因此,如果您的项目依赖于特定于设备的 cookie 或其他浏览器特性,您可能需要考虑其他解决方案或测试方法。

 类似资料:
  • Bootstrap支持多种多样的现代浏览器以及设备,还支持一些较早的浏览器。具体支持哪一些,请看下面内容。下面还列出了一些已知的漏洞的详细信息。 支持的浏览器 Bootstrap 支持所有的主流浏览器和平台的最新的、稳定的版本。 在 Windows 中, **我们支持 Internet Explorer 9-11 **。下面提供了更多详细的支持信息。 移动设备 总的来说,Bootstrap支持所有

  • 当我尝试在windows10上的visualstudio2017RC中运行一个web应用程序时,它会打开一个新的浏览器实例(在我的例子中是chrome)。我也尝试过使用internet explorer,情况是一样的,浏览器没有登录,但如果我只是手动运行chrome,它就会登录。如何防止visual studio在每次运行web应用程序时运行新的浏览器实例?当我按下运行网站时,它应该在和上一个应用

  • 全局基类 登录名 } 问题是,当运行此功能时,我得到了下面的错误,我不明白为什么会发生这种情况,因为它在错误的位置上没有给我任何帮助。 未定义步骤:给定I打开Chrome 未定义步骤:浏览网站时 未定义的步骤:然后我使用“user1”和“password1”登录网站

  • 本文向大家介绍chrome浏览器如何断点调试异步加载的JS,包括了chrome浏览器如何断点调试异步加载的JS的使用技巧和注意事项,需要的朋友参考一下 前言 在我们日常开发中,常常利用chrome强大的控制台Sources下面进行代码断点调试,但是通过$.getScript等异步加载JS的方式在Sources里面就是找不到,那如何进行debug断点调试呢?下面来一起看看。 这是我们用Sources

  • 有没有办法调试JSX文件? 我看不见那张照片。当我查看safari/chrome中的resources选项卡时,会看到jsx文件。我们能用调试器吗?