ionic-framework - 打开的应用程序仍然是桌面 Chrome 响应，它不是移动响应视图

问题描述

describe('Production Test Suite', function(){
  it('TC02_AuthorizedLoginVerification_Mobile', function()
  {
    cy.viewport('samsung-s10')
    cy.visit('https://www.google.com')
  })
})

我尝试运行上面的代码，视图看起来像移动布局，但打开的应用程序仍然是桌面视图，它不是移动响应视图

这是可以帮助您理解问题的屏幕截图

标签： ionic-frameworkcypress

要解决此问题，您必须使用cypress.json文件覆盖请求标头中的 userAgent。服务器通常使用用户代理值来帮助识别操作系统、浏览器和浏览器版本。

1.要为您的用例找到相关的用户代理，您可以转到 chrome 浏览器的开发人员工具，然后浏览到网络条件。

2.在网络条件中，选择您的相关设备并复制用户代理值：

3.在您的 cypress.json 中，将 userAgent 值覆盖为：

"userAgent": "Mozilla/5.0 (Linux; Android 10; Pixel 4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Mobile Safari/537.36"

4.执行你的测试：

it('TC02_AuthorizedLoginVerification_Mobile', function() {
  cy.viewport('samsung-s10')
  cy.visit('https://www.google.com')
})

ionic-framework - 打开的应用程序仍然是桌面 Chrome 响应，它不是移动响应视图

问题描述

解决方案

推荐阅读