什么';窗口旋转或切换不同设备的javascript事件是什么?

什么';窗口旋转或切换不同设备的javascript事件是什么?,javascript,html,web,Javascript,Html,Web,我用Chrome浏览Web站点,打开Inspect(Ctrl+Shift+I),然后我试图跟踪它使用的javascript图表库 但当我点击“切换设备收费”并切换到移动模式(反之亦然)或在移动模式下按rorate时,我发现了这一点 网站知道这些行为并重新加载整个页面。不仅仅是响应CSS,而是实际重新请求整个页面,例如在网页上按F5的行为 我试图找到javascript事件以了解它如何检测这些行为(切换设备和rorate)并重新加载,但我无法通过Chrome dugger中的断点找到它 你知道这个

我用Chrome浏览Web站点,打开Inspect(Ctrl+Shift+I),然后我试图跟踪它使用的javascript图表库

但当我点击“切换设备收费”并切换到移动模式(反之亦然)或在移动模式下按rorate时,我发现了这一点

网站知道这些行为并重新加载整个页面。不仅仅是响应CSS,而是实际重新请求整个页面,例如在网页上按F5的行为

我试图找到javascript事件以了解它如何检测这些行为(切换设备和rorate)并重新加载,但我无法通过Chrome dugger中的断点找到它

你知道这个网站是怎么做的吗

在按下“切换设备工具栏”之前

按下“切换设备工具栏”后

您正在寻找:

window.addEventListener("orientationchange", function() {
    alert("the orientation of the device is now " + screen.orientation.angle);
});

请参阅您正在查找的。

window.addEventListener("orientationchange", function() {
    alert("the orientation of the device is now " + screen.orientation.angle);
});

请参阅。

当设备的方向发生更改时,将触发方向更改事件。 此链接可能会有所帮助


当设备的方向发生更改时,将触发orientationchange事件。 此链接可能会有所帮助


虽然此链接可以回答问题,但最好在此处包含答案的基本部分,并提供链接供参考。如果链接页面发生更改,仅链接的答案可能无效。-感谢@eisbehr提供的宝贵建议。我现在将包括答案的重要部分。虽然此链接可以回答问题,但最好在此处包括答案的重要部分,并提供链接供参考。如果链接页面发生更改,仅链接的答案可能无效。-感谢@eisbehr提供的宝贵建议。从现在开始,我将包括答案的重要部分。