小编Gab*_*hen的帖子

自几年前成立以来,Chrome已成为Web开发的事实上的IDE.我一直在使用它的Canary(版本28.0.1464.0)频道,并且很高兴作为一个蛤蜊​​.只有一直困扰我的问题是缺乏使用DevTools控制台窗格的能力,自动滚动到添加的最后一条消息.我知道许多人更愿意拥有当前的行为.但我想知道:有没有人知道如何(如果可能与当前版本)翻转开关并让控制台自动滚动？

谢谢.

我一直在经历间歇性超时,这是在Protractor常见问题解答中指责使用$ timeout进行轮询(AKA:waitForAngular超时).我不知道在没有投票的情况下它是否也会失败.对于我的团队来说,因为我们依赖于Angular Material组件,所以它更加轻松.他们在动画交互方面很重要,并且经常使用$ timeout(func,0).这个问题类似于问题#29966301,但侧重于Angular Material和Protractor之间可能存在的问题.我真的很想知道那些大量使用Angular Material和Protractor的人如果遇到这些问题就会处理这些问题.

有趣的是,我没有在Protractor和Angular Material github网站上看到过对彼此功能的任何利用.由于它们都是来自Google同一组的Angular库,@ juliemr和Protractor Gang可以与@ThomasBurleson和Material团队讨论,使用Protractor为Angular Material提供全面的用例和E2E测试以清除这些问题.

我正在尝试以编程方式使用Chrome(Build 43)中的execCommand将异步JSONP请求的结果复制到剪贴板.这是一个逻辑片段:

loadContent()

function loadContent(callback) {
  $.getJSON('http://www.randomtext.me/api/lorem/p-5/10-20?&callback=myFunc',function(result){
    console.log('result=',result.text_out);
    $("#container").html(result.text_out);
    if (callback) {
      callback();
    }
  });
}

function copyAjax() {

 loadContent(copy);

}

function copy() {
  var copyDivText = $('#container').text();
  console.log('copyDivText=',copyDivText);
  executeCopy(copyDivText);
}

document.addEventListener("DOMContentLoaded", function(){
      document.getElementById("copy").onclick = copy;
    });


document.addEventListener("DOMContentLoaded", function(){
      document.getElementById("copyAjax").onclick = copyAjax;
    });


// Copy text as text
function executeCopy(text) {
    var input = document.createElement('textarea');
    document.body.appendChild(input);
    input.value = text;
    input.focus();
    input.select();
    document.execCommand('Copy');
    input.remove();
}

我知道你开始编译的43代Chrome使用execCommand和剪贴板.但问题是,您需要在执行用户发起的事件(其中权限被提升)中执行此操作.这是ZeroClipboard基于闪存的解决方案所具有的类似限制.除了得到一个不可能的答案(这是我现在正在思考的问题)之外,这些是我想做的其他选择(警告,它们都是Hail Mary Passes):

1. 由于JSONP不能同步,因此将其转换为使用常规AJAX调用的内容,并确保AJAX调用在用户事件的执行上下文中是同步的.这违背了我根深蒂固的信念,即我们不应该进行同步XHR调用,因为它会降低用户体验.
2. 当用户使用鼠标接近复制按钮时,我们会抢先发送服务器请求,并希望在用户单击按钮之前足够快.这是一个明显的竞争条件,可能不是时间的一部分,并且当用户想要执行Ctrl/Command-C而不是单击复制按钮时将无法确定.
3. 执行两个步骤.单击以触发呼叫,当内容可用时,显示内容可用的消息,然后再次单击消息区域以复制到剪贴板.它似乎不是最好的UX互动.我用这个替代方法创建了这个例子.以编程方式触发单击不构成用户问题事件.
4. 可能有一种方法可以创建简单的Chrome扩展程序,并允许用户将该扩展程序的权限设置为复制到剪贴板.这涉及但最终用户必须安装和扩展并更改本地浏览器设置.不确定很多用户是否有能力/愿意这样做.

我已经看过成问题,#2,如 …

我刚刚开始在 Spring Boot 中使用 Kafka 并想发送和使用 JSON 对象。

当我尝试使用来自 Kafka 主题的消息时，出现以下错误：

org.apache.kafka.common.errors.SerializationException: Error deserializing key/value for partition dev.orders-0 at offset 9903. If needed, please seek past the record to continue consumption.
Caused by: java.lang.IllegalArgumentException: The class 'co.orders.feedme.feed.domain.OrderItem' is not in the trusted packages: [java.util, java.lang]. If you believe this class is safe to deserialize, please provide its name. If the serialization is only done by a trusted source, you can also enable trust all (*).
at org.springframework.kafka.support.converter.DefaultJackson2JavaTypeMapper.getClassIdType(DefaultJackson2JavaTypeMapper.java:139) ~[spring-kafka-2.1.5.RELEASE.jar:2.1.5.RELEASE]
at org.springframework.kafka.support.converter.DefaultJackson2JavaTypeMapper.toJavaType(DefaultJackson2JavaTypeMapper.java:113) …

我们正在尝试渲染一个可以放置数字的圆圈.我希望圆圈使用实线,虚线或虚线边框.此外,颜色可以变化,并且它将全部在CSS中定义,因此尝试使用图像将不是最佳的.

circle-score-label {
  height: 30px;
  width: 30px;
}

circle-score-label .circle {
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: relative;
  border: 3px solid black;
}

circle-score-label .solid-conf {
  border-style: solid;
}

circle-score-label .dotted-conf {
  border-style: dotted;
}

circle-score-label .dashed-conf {
  border-style: dashed;
}

在IE11中它似乎渲染得很好.在Chrome(目前为42.0.2311.135米或Canary)中,圆圈顶部有一个间隙.

Chrome示例:

IE示例:

有没有人遇到过这个问题以及如何解决它？

我一直在摆弄Angular-Material,看起来很漂亮.但是,我们遇到的一个问题是缺少使用选项卡标签旁边的"X"按钮关闭选项卡的功能.这类似于任何浏览器选项卡UI必须提供的内容.在我们使用的当前UI框架(Angular Bootstrap UI)中,您可以定义选项卡标题的呈现以添加此类按钮.有关如何使用Material的md-tab指令实现它的任何想法？

谢谢.