小编Dav*_*tze的帖子
在打印预览模式下使用Chrome的Element Inspector？
我正在开发一个网站,需要处理打印视图.通常,当我遇到布局问题时,我会使用Chrome的Element Inspector.但是,这在打印预览模式下不存在.
是否有Chrome插件或其他方式来更改Chrome本身的查看媒体,以打印机的形式查看页面？我认为它没有特定于Chrome的解决方案,但这是我的主要浏览器,所以拥有一个浏览器内的解决方案会很不错.
现在我只专注于打印预览媒体,但是能够更改为任何支持的媒体类型(即所有/盲文/浮雕/手持/打印/投影/屏幕/语音/ tty /)是理想的电视).
google-chrome print-preview web-inspector google-chrome-devtools
推荐指数
解决办法
查看次数
jQuery Mobile 301重定向问题
我正在使用jQuery 1.6.1与jQuery Mobile 1.0.1.当您链接到然后尝试执行301重定向的页面时,我会遇到问题.
我在以下网址设置了示例页面:http://www.widgetsandburritos.com/jquery-mobile-test/
这个页面上唯一的东西是jQuery Mobile包含和另一个页面的链接,该页面在其他地方有301重定向.
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
</head>
<body>
<a href="301test.php">301 test</a>
</body>
</html>
301test.php具有以下内容:
<?php
header( "HTTP/1.1 301 Moved Permanently" );
header( "Location: 301success.html" );
?>
这应该只是简单地将浏览器传递给301success.html.如果您直接转到该URL,它会起作用
http://www.widgetsandburritos.com/jquery-mobile-test/301test.php
但是当你使用jQuery Mobile点击页面上的链接时,它会显示"undefined".jQuery Mobile目前无法处理重定向吗？
任何可能的工作？
谢谢你的帮助.
编辑[3/23/12 12:41 AM CST]
我还在jQuery Mobile论坛上发布了这个问题.有人建议在锚标记中添加rel ="external".如果你所做的只是建立一个链接,这在技术上是有效的,但是如果你通过其他机制(例如POST请求)进行重定向,则无法解决问题.
为了说明,我在http://www.widgetsandburritos.com/jquery-mobile-test/test2.html设置了一个二级测试.
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
</head>
<body>
<form method="post" action="301test.php"> …推荐指数
解决办法
查看次数
Stripe Checkout API带有加载屏幕的模糊关闭回调
在Stripe Checkout关闭回调中是否有任何方法来确定它是如何被触发的？
例如,我有以下代码在有人点击结帐按钮时触发:
// fade in our loading screen
$("#loading-screen").stop(true,true).fadeIn(200);
var handler = StripeCheckout.configure({
key: STRIPE_PUBLISHABLE_KEY,
image: STRIPE_ICON,
closed: function () {
// if user clicks close button, also hide the loading screen
$("#loading-screen").stop(true,true).fadeOut(200);
},
token: function(token) {
// post payment info back to the server via ajax
var data = {
action : 'checkout',
paymentToken: token.id
};
$.post(
ajaxurl,
data,
function (response) {
// after response from server, fade out loading screen and update page or trigger error
$("#loading-screen").stop(true,true).fadeOut(200); …推荐指数
解决办法
查看次数
比较在jQuery中绑定mouseleave事件和mouseenter事件的方法
我希望在我的鼠标进入div时触发事件,并在使用jQuery离开div时触发单独的事件.我知道有很多插件,代码示例等可以解决这个特殊问题.我只是好奇哪种方式在性能和内存管理方面最有效.
例如,假设我们有这样的HTML代码:
<div class="mouse-trap"> 1 </div>
<div class="mouse-trap"> 2 </div>
...
<div class="mouse-trap"> n-1 </div>
<div class="mouse-trap"> n </div>
1.单独的事件
我们可以单独维护事件.此代码可读,易于使用.
$(".mouse-trap").bind('mouseenter', function() {
// mouse came in
});
$(".mouse-trap").bind('mouseleave', function() {
// mouse left
});
2.嵌套事件
而不是始终保持"mouseleave"事件,只在必要时创建它,然后在我们完成时将其删除,因为每个mouseenter事件只会有一个mouseleave事件.
$(".mouse-trap").bind('mouseenter', function() {
// mouse came in
$(this).one('mouseleave', function() {
// mouse left
});
});
在第一个场景中,如果你有n个事件,这意味着jQuery经常需要监听nx 2个事件.
在第二种情况下,假设div不是彼此嵌套的,那么你只是在任何给定的点上监听n + 1个事件.
不可否认,我不确定事件查找到底有多少时间,但我怀疑从浏览器到浏览器,从计算机到计算机会有所不同.对于相对较小的n值,这可能永远不会成为问题.但如果n真的很大呢？会有明显的区别吗？
现在,如果你可以将div嵌套在彼此内部,那么事情会如何改变？
例如:
<div class="mouse-trap">
<div class="mouse-trap">
<div class="mouse-trap">
...
</div>
<div …推荐指数
解决办法
查看次数
使用"f"和"i"时的Safari字距调整问题
我在OS X 10.10.3上运行Safari 8.0.5.
每当使用彼此相邻的字符"f"和"i"时,我就遇到了字母间距问题.我的猜测是这是一个Safari漏洞,我已经将它提交给了苹果公司,但也希望看看我是否能在同一时间找到解决方法.
HTML以两种不同的字体输出短语"鱼很大".为了突出这个问题,我在每个字符之间添加了10px的字母间距.
HTML:
<div class="p1">
The fish is large
</div>
<div class="p2">
The fish is large
</div>
CSS:
div { letter-spacing: 10px; margin-bottom: 10px; }
div.p1 {
color: #009900;
font-family: Helvetica;
}
div.p2 {
color: #000099;
font-family: Arial;
}
这就是我在Safari中输出的内容:
出于测试目的,我在"f"和"i"字符之间添加了HTML注释,这似乎有效:
<div class="p1">
The f<!----->ish is large
</div>
像这样输出:
虽然这在技术上有效,但它对我来说并不是一个理想的解决方案,因为这里的内容实际上是由WYSIWYG编辑器生成的.
似乎只有在"f"和"i"彼此相邻时才会出现问题.我不确定这些字母在Safari中是否具有特殊含义,但它是英语中非常常见的字母序列,所以它们真的不应该有这么小的关键字.
我也尝试添加这个:
-webkit-font-feature-settings: "kern";
这确实推动了"s"向右推进,但"f"和"i"仍然聚集在一起.
大写的"F"没有同样的问题:
而"fi"之后的角色似乎并不重要.我可以将其改为其他任何东西,它仍然有同样的问题.
如果"fi"出现在中间词中,它也会做同样的事情:
我已经确认这个问题似乎也存在于运行最新版Safari的iPhone 6 Plus上,所以我怀疑它只是我的最终目的.
为了说明这个问题,我创建了一个jsfiddle,其中包含必要的HTML和CSS,希望能够在您的最终重现该问题. https://jsfiddle.net/38keruv7/4/
有没有人想要一个解决方法,不涉及要求我的客户在WYSIWYG编辑器中插入HTML注释？
我想我可以在输出数据之前扫描并替换该特定组合,但在处理更大的数据块时,这似乎是对服务器资源的相当低效的使用.
推荐指数
解决办法
查看次数
标签 统计
jquery ×2
css ×1
fonts ×1
html ×1
javascript ×1
mouseevent ×1
performance ×1
redirect ×1
safari ×1