标签: window-resize

如何检测窗口大小,然后使用jquery switch语句执行某些操作

我想用jquery检查窗口大小,并根据我想要更改背景图像的不同分辨率.所以我想以某种方式使用"switch"语句来处理更多情况,但我只是不知道它会是什么样子.这是我想要的基本结构,但有更多选择:

if ((screen.width>=1024) && (screen.height>=768)) {
 //do something
}
else {
//do something else
}
Run Code Online (Sandbox Code Playgroud)

谢谢你的帮助.

css jquery if-statement switch-statement window-resize

16
推荐指数
2
解决办法
5万
查看次数

Javascript设置浏览器窗口大小

页面加载时设置浏览器窗口大小的最佳方法是什么?我认为这可以在JavaScript中完成.请解释.这是我的代码无效!

<html>
<body onload="window.resizeTo(640,480)">
<video src="rushmore.mp4" controls="controls">
your browser does not support the video tag
</video>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

html javascript browser window-resize

14
推荐指数
2
解决办法
8万
查看次数

jQuery调整大小事件没有触发

无论出于何种原因如下:

$(function() {
  $(window).resize(function() {
    alert("resized!");
  });
});
Run Code Online (Sandbox Code Playgroud)

仅在加载页面时触发事件.调整浏览器窗口的大小在Safari和Firefox中都不起作用.我没有在任何其他浏览器上尝试过它.

任何想法或解决方法?

javascript jquery window-resize

14
推荐指数
2
解决办法
7万
查看次数

如何使用Java调整Selenium WebDriver中当前浏览器窗口的大小?

在执行Selenium自动化测试期间,我需要将浏览器的大小调整为300x400.如何使用Java在Selenium WebDriver(又名Selenium 2)中调整浏览器窗口的大小?

[注意:需要调整浏览器窗口的大小以测试响应式Web设计(RWD)]

java window-resize responsive-design selenium-webdriver

14
推荐指数
1
解决办法
2万
查看次数

如何?WPF窗口 - 最大化,无大小/移动

我正在尝试创建一个已经最大化的WPF窗口,没有调整大小/移动(在系统菜单中,也不在边框中).它应该始终最大化,除非用户将其最小化.

我试图把WindowState ="Maximized"和ResizeMode ="CanMinimize",但是当窗口打开时,它覆盖了任务栏(我不想要它).

我有一个WndProc的钩子取消了SC_MOVE和SC_SIZE.我也可以在WndProc中使用条件进行此控制,例如"如果命令是恢复并且最小化,则恢复,否则,阻止"等等.

但我的观点是,如果我们有另一种方法来实现它.感谢阅读家伙=)

wpf window maximize-window window-resize

12
推荐指数
2
解决办法
3万
查看次数

增加Chrome扩展程序中的最大弹出窗口宽度?

我正在制作Chrome扩展程序,我需要增加框架窗口的最大宽度(弹出窗口).

如果我增加popup.html的宽度,则内部宽度会增加.我需要增加弹出窗口的大小.

popup google-chrome-extension window-resize

12
推荐指数
1
解决办法
7325
查看次数

为什么引入“ResizeObserver”来侦听调整大小更改,而不是更简单的 Element.prototype.addEventListener('resize', callback)

我有点惊讶的是,为了监听元素尺寸(而不是窗口对象)的变化,我们必须使用一个名为 的新接口ResizeObserver。虽然它看起来做得很好;这似乎与其他元素相关事件有点不同,只需添加一个侦听器即可使用这些事件。

以添加事件监听器来监听 mouseover 事件为例

document.querySelector('#ele').addEventListener('mouseover', callback);
Run Code Online (Sandbox Code Playgroud)

为什么不简单地为元素上的调整大小事件添加一个新的侦听器?

document.querySelector('#ele').addEventListener('resize', callback);
Run Code Online (Sandbox Code Playgroud)

是为了避免与windowresize事件冲突吗?如果是这样,为什么不以不同的方式称呼它

document.querySelector('#ele').addEventListener('elementResize', callback);
Run Code Online (Sandbox Code Playgroud)

我知道创建一个辅助方法来简化ResizeObserver. addEventListener类似的东西可以像原始方法一样简单使用

export const getResizeObserver = ( ele, onResize ) => {
  let obs;

  const observerInterface = {
    stop: () => { obs.unobserve( ele ); obs.disconnect() },
  };

  obs = new ResizeObserver( entries => {
    for ( const entry of entries ) {
      onResize && onResize( entry.contentRect );
    }
  } );

  obs.observe( ele );

  return observerInterface;
};

// usage to …
Run Code Online (Sandbox Code Playgroud)

javascript dom resize addeventlistener window-resize

12
推荐指数
2
解决办法
1万
查看次数

禁用浏览器窗口调整大小

对于初学者......我没有任何恶意的意图让用户接受弹出窗口或类似的东西.我只是想阻止用户调整他们已经导航过的网页的浏览器窗口(意味着我无权访问/不想使用window.open();).我已经研究了很长一段时间,但似乎找不到直截了当的答案.

我觉得我正在走上正轨:

 $(window).resize(function() {
     var wWidth = window.width,
     wHeight = window.height;
     window.resizeBy(wWidth, wHeight);
 });
Run Code Online (Sandbox Code Playgroud)

......无济于事 我不得不想象这是可能的.是吗?如果是这样,我一定会感谢你的帮助.

谢谢

javascript browser jquery window-resize

11
推荐指数
1
解决办法
5万
查看次数

WPF无边框窗口调整大小

我正在WPF中设计自己的自定义窗口,我一直在尝试实现我以前在WinForms中使用的调整大小功能.由于某种原因,我的WndProc的返回值没有给我正确的结果.

我有一个NativeMethods类用于我所有的WndProc消息和结果:

public class NativeMethods
{
    public const int WM_NCHITTEST  = 0x84;
    public const int HTCAPTION     = 2;
    public const int HTLEFT        = 10;
    public const int HTRIGHT       = 11;
    public const int HTTOP         = 12;
    public const int HTTOPLEFT     = 13;
    public const int HTTOPRIGHT    = 14;
    public const int HTBOTTOM      = 15;
    public const int HTBOTTOMLEFT  = 16;
    public const int HTBOTTOMRIGHT = 17;
}
Run Code Online (Sandbox Code Playgroud)

这是我的窗口背后的代码:

public partial class MainWindow : Window
{
    const int GripSize   = 16; …
Run Code Online (Sandbox Code Playgroud)

.net c# wpf cursor window-resize

10
推荐指数
3
解决办法
8048
查看次数

创建可调整大小的视图,在 FLUTTER 中从角落和侧面捏合或拖动时调整大小

在此处输入图片说明

我目前正在开发一个 ScreenView,它具有可拖动和可调整大小的视图,如上图所示,带有角和边。我现在遇到的问题是我想通过角落里的触摸手势来调整视图的大小。因此,我想到了一个点,将其添加到选择视图中,可以拖动它来调整所选视图的大小。答案更新了!!

Resizable-Widget ReactNative Demo: React Native PLUGIN 示例

修改后的可行示例:

  import 'package:flutter/material.dart';

  class ResizeWidget extends StatefulWidget {
    @override
    _ResizeWidgetState createState() => _ResizeWidgetState();
  }

  class _ResizeWidgetState extends State<ResizeWidget> {
    @override
    Widget build(BuildContext context) {
      return MaterialApp(
        home: Scaffold(
          backgroundColor: Colors.black,
          body: Container(
            // padding: EdgeInsets.only(top: 50),
            child: ResizebleWidget(
              child: Container(
                padding: EdgeInsets.all(10),
                child: Text(
                  'Waao!! you can really dance.',
                  style: TextStyle(
                      color: Colors.white,
                      fontStyle: FontStyle.italic,
                      fontSize: 18),
                ),
              ),
            ),
          ),
        ),
      );
    }
  }

  class ResizebleWidget extends StatefulWidget {
    ResizebleWidget({this.child}); …
Run Code Online (Sandbox Code Playgroud)

resize image-resizing window-resize flutter flutter-layout

10
推荐指数
1
解决办法
6488
查看次数