开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第1天，点击查看活动详情
大家好，我是阿萨。 上一篇文章学习了[cypress 如何遍历元素？]但是除了元素，浏览器上还有哪些内容呢？
今天我们就学习下剩余的cypress的操作方法。
一. window 相关的
获取window ，web 肯定是希望自己能获取到window 直接去操作的，所以我们先看下浏览器的window 如何获取。
cy.window()
获取document，document 也是操作浏览器内容必备元素，所以必须也是必须先要学会的必备技能。
cy.document()
获取title，验证过程中，经常需要让用户去比较title 是不是想要的，获取title 也很简单。Cypress 提供这些方法都很简单。
cy.title()
二 viewport
设置viewport的size ， viewport 的大小会影响显示，可以通过设置不同viewport 模拟不同显示。
cy.viewport(1024, 768)
cy.viewport('iphone-4', 'landscape')
cy.viewport('macbook-15')
三 location
获取window 的location ， 有了location ，就有了我们想要的域名，端口号，协议等常见域名需要验证内容。
cy.location().should((location) => {
expect(location.hash).to.be.empty expect(location.href).to.eq('https://sarah.example.com/cypress') expect(location.host).to.eq('sarah.example.com') expect(location.hostname).to.eq('sarah.example.com') expect(location.origin).to.eq('https://sarah.example.com') expect(location.pathname).to.eq('/cypress')
expect(location.port).to.eq('')
expect(location.protocol).to.eq('https:')
expect(location.search).to.be.empty
})
获取URL ， 获取URL 的方法也很简单，简直就是所见即所得。
cy.url()
四导航相关
- go
浏览器最左侧的，向前和向后， 每一个浏览器上都有向前和向后的按钮，这里可以很方改变模拟 浏览器的操作。
cy.go('back')
cy.go('forward')
cy.go(-1)cy.go(1)
2. reload
浏览器的重新加载。类似F5。想要刷新就调用这个方法。
cy.reload()
cy.reload(true)
- visit
访问某个网址 ， 模拟用户输入网址， 敲某个URL的操作
cy.visit('url')
今天内容比较简单，明天我们学习如何使用cypress写断言。
你学会了吗？
如果觉得阿萨的内容对你有帮助，欢迎围观点赞。
