jjzjj

responsive-design

全部标签

javascript - 谷歌地图 : Design Custom Price Marker

我正在开发一个使用ionic的移动应用程序,并且需要在谷歌地图中显示带有价格标记的地点,如下所示:我写了一个非常基本的代码来集成谷歌地图和标记。mapControllercontroller('MapController',function($scope,uiGmapGoogleMapApi,$log,$timeout,$state){$scope.map={center:{latitude:12.9250,longitude:77.5938},zoom:8,window:{show:false}};$scope.options={scrollwheel:false};$scope.m

javascript - 如何识别网站中的慢速设备?

在为移动设备调整网页时,我总是依赖css媒体查询。最近我不再担心屏幕尺寸,还有很多移动设备的javascript引擎。一些依赖于窗口滚动或快速DOM转换序列的常见javascript效果在慢速设备上效果非常糟糕。有什么方法可以猜测设备性能,以便我可以启用/禁用在慢速设备上看起来很糟糕的元素吗?到目前为止我只能想到不好的解决方案:屏幕尺寸。窄屏幕“可能”意味着设备速度较慢useragentinformation.我可以查看设备、浏览器或CPU,但考虑到要考虑的设备数量,这似乎不是一个稳定的长期解决方案更新:修复了我的问题以专注于一个问题。在评论中有一个很好的解决触摸界面问题的方法。

javascript - Spring ResponseEntity & AJAX 错误函数 : can't access response body content

服务器端:Spring框架我有一个SpringController,它有一个返回类型ResponseEntity的方法.对于完全正确的请求,我返回以下内容:returnnewResponseEntity(OK_MESSAGE,newHttpHeaders(),HttpStatus.OK);但是如果在执行或者异常捕获过程中出现问题,我返回:returnnewResponseEntity(ERROR_MESSAGE,newHttpHeaders(),HttpStatus.BAD_REQUEST);在哪里ERROR_MESSAGE包含针对捕获的每种类型的异常的自定义字符串。客户端:AJAX调

javascript - 我可以根据窗口大小执行 javascript 吗?

我有一个响应式网站,我在其中使用javascript创建一个粘性侧边栏。当浏览器大小小于768像素时,我还使用媒体查询从多列布局更改为单列布局。我需要弄清楚如何在单列布局中禁用粘性菜单脚本。本质上,我需要诸如脚本语句的媒体查询之类的东西。这是我用来启用脚本的代码:jQuery('#info').containedStickyScroll({duration:0,unstick:false});有什么我可以添加到它的东西,只在窗口宽度为768像素或更宽时触发它吗?编辑:我正在寻找一种解决方案,如果用户即时调整窗口大小,该解决方案将起作用。 最佳答案

javascript - Bootstrap : Responsitive design - execute JS when window is resized from 980px to 979px

我使用的是上一个Twitter的Bootstrap。当我的窗口宽度小于980px时,我想执行某个JS函数(显示一次工具提示)(如你所知,在这个尺寸上,Bootstrap修改Navbar并隐藏标准菜单项)——窗口从768到979,简而言之.这个我知道@media(min-width:768px)and(max-width:979px){...}此选项可用于捕获事件。但是,它可能仅用于更改现有样式,例如body{background-color:#ccc;}我需要启动JS函数,或者为元素添加或删除特定样式。我试过:window.onresize=function(){if(window.o

javascript - 使用 Javascript 读取 CSS 文件并动态更改页面

所以CSS@media查询在IE8中不起作用。@media(min-width:768px){/*somecss*/}@media(min-width:972px)and(max-width:1024px){/*differentcss*/}现在,我可以创建名为IE_min768.css和IE_min972_max1024的单独CSS文件,并使用Javascript动态加载和卸载文件作为调整页面宽度。但这违反了D.R.Y.在多个地方维护CSS会很痛苦。是否可以使用Javascript(仅在IE中)实际读取CSS文件、检测@media部分并在正确的情况下将该CSS动态应用到浏览器?

javascript - JSON 响应对象 : "pretty" keys and larger response or short keys and smaller response?

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭8年前。Improvethisquestion我的实时网络应用发出ajax请求以获取JSON编码数据响应。返回的数据通常以对象数组的形式存在。由于数组通常有很多元素(尽管发送的数据由服务器gzip压缩),为了将响应大小保持在最小值,我保留了键在响应中非常简短。例如,我不使用description:,而是使用d:,而不是使用width:,我使用w:等等...这样做会减少响应的大小,但在客户端,非常短的非人类可读键会降低JavaScrip

Javascript 获取 api : Can't retrieve some response header

我正在使用javascriptfetchAPI来查询跨域api,使用此代码:fetch('https://api.com/search?query="2016"').then(function(response){console.log(response.headers.get('Access-Control-Allow-Headers'))console.log(response.headers.get('Content-Range'))console.log(response.headers.get('Accept-Range'))console.log(response.head

javascript - 确定网页的宽度(以英寸为单位)

我有一个CSS样式表,它使用媒体查询根据页面宽度的多少英寸来更改页面的显示方式(例如,如果它小于4英寸或在手持设备上显示,它假定对移动设备更友好的LAF)。我遇到的问题是它的内容。在主页上,有一个停靠式界面,可以根据窗口的当前高度和宽度动态改变高度,使文本和元素永远不会离开屏幕。但是,我确定此大小的JS不知道样式表何时更改适用于手持设备或小屏幕,因此该行为在此模式下继续不可预测。我如何使用JavaScript检测页面何时小于或等于4英寸,以便我可以禁用当时重新调整的停靠栏的自动调整大小? 最佳答案 这是一个不平凡的问题。这是一个指向

javascript - 使通过 DFP 提供的广告完全响应

我已经修改了GPT(Google发布商代码),因此它可以转换在适用于手机和平板电脑的尺寸广告上,以及适用于计算机或更大屏幕的其他尺寸广告上。它运作良好,但大小取决于负载,当使用平板电脑时,无论您从横向View切换到纵向View,广告都保持不变。我添加了代码以在窗口调整大小时动态刷新广告,并且在刷新过程中可以正常工作,但尺寸仍然在加载时确定(我假设)并且广告尺寸不会改变。在广告刷新之前,如何在调整窗口大小时“刷新/重新加载”变量(size和size2)?这是代码:googletag.cmd.push(function(){varwidth=document.documentElement