标签: blink

大约一年前，我已经实现了自定义区域设置选择，但在 4.1 版本之后，用户开始抱怨活动不断闪烁。这是我正在使用的代码（从不同的答案编译）：

public final class TestApplication extends Application
{
    private Locale desiredLocale = new Locale("ru-RU");

    @Override
    public void onCreate() {
        super.onCreate();
        updateLocale(new Configuration());
    }

    @Override
    public void onConfigurationChanged(Configuration newConfig)
    {
        super.onConfigurationChanged(newConfig);
        updateLocale(newConfig);
    }

    private void updateLocale(Configuration newConfig) {
        newConfig.locale = desiredLocale;
        Locale.setDefault(desiredLocale);
        getBaseContext().getResources().updateConfiguration(newConfig, getBaseContext().getResources().getDisplayMetrics());        
    }    
}

应用程序仅包含一个空活动，在我更改设备方向后，Android 每秒都会重新创建该活动。这是样本来源。

看起来所有使用此技术的应用程序都无效了。正确的做法是什么？

我想使用Blink(或Webkit,Gecko,KHTML,......任何类似的布局引擎;我不挑剔)作为用于从C++程序渲染结构化数据的布局引擎.我希望能够将函数绑定到DOM事件,以响应用户交互.

换句话说,我不想使用HTTP协议,Javascript,甚至是图像资源的URI(我计划将数据库中的图像和视频内容直接传送到DOM中,假设可能).我只想要一个布局引擎,让我通过C++函数调用从头开始组装DOM树,让我将函数指针绑定到用户交互事件.

我在查找有关如何执行此操作的信息时遇到了很多麻烦.很多信息似乎都集中在更高级别的Web浏览器上,比如在应用程序中嵌入功能齐全的Web浏览器框架.我不知道是否有某种浏览器引擎的"小子集"在那里,我可以使用,而且可能是什么上手最快/最简单的方法.

我有一个问题,当用户点击contenteditable div但在实际文本之外时,光标跳到错误的位置.它似乎只是在较新版本的Chrome(以及Opera)中出现问题:巧合的是,我在较旧的浏览器(Chrome版本55)中测试了我的示例,并且该问题根本不存在.Edge/IE11/FireFox也没问题.

只有当用户点击一行文本后面或位于两个黄色divs与类之间的空行时,才会出现此问题pagebreak.光标最终位于第一个上方pagebreak div.不管它是否直接相关,我不知道,但是当删除div类时问题就消失了flowbox.不幸的是,我不能删除该div带班flowbox从App.

我在这个小提琴中放了一个显示我问题的例子:https://jsfiddle.net/dymcn1ao/

<div class="textframe a">
    <div class="flowbox"></div>
    <article contenteditable="true">
        <p>
            <span>
                <span>Foo bar baz</span>
                <br>
                <span class="pagebreak" contenteditable="false" style="min-height: 80px"></span>
                <span>Foo bar baz</span>
                <br>
                <span>Lorem ipsum dolor sit amet, consectetur adi piscing elit.</span>
                <br>
                <br>
                <span class="pagebreak" contenteditable="false" style="min-height: 80px"></span>
                <br>
                <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
            </span>
        </p>
    </article>
</div>

左侧的文本字段有问题,右侧的文本字段按预期工作,因为.flowbox div已删除.

编辑1:

我创建了一个可能更容易理解的新示例. …

问题/疑问：

CSS 动画能够在不触发Recalculate Style或 的情况下平滑地改变元素的变换Update Layer Tree。

为什么我们不能从 JavaScript 中做同样的事情，以便我们可以平滑地更改转换以响应诸如用户移动鼠标之类的事情？

演示：https : //jsfiddle.net/7frvyoqx/5/

const testElement = document.getElementById('test')

const interval = 2000

startCssAnimation()

function startCssAnimation() {
	testElement.className = 'animate'
  setTimeout(() => {
  	startJsAnimation()
  }, interval)
}

function startJsAnimation() {
	testElement.className = ''
  setTimeout(() => {
  	startCssAnimation()
    jsAnimateGo = false
  }, interval)
  jsAnimateGo = true
  frame = 0
  requestAnimationFrame(jsAnimate)
}

let frame = 0
let jsAnimateGo = false

function jsAnimate() {
	if (jsAnimateGo) {
    testElement.style.transform = `translateX(${frame++}px)` …

您知道如何在 Mac OS X（最好是 Tiger）下打开/关闭（闪烁）Macbook 键盘 LED（大写锁定、数字锁定）吗？

我已经用谷歌搜索了这个，但没有得到任何结果，所以我寻求帮助。

我想将此功能添加为通知（例如，在 Adium 上收到新消息，收到新邮件）。

我更喜欢applescript，python，但如果不可能，任何代码都可以。

我将不胜感激任何形式的指导。

使用.NET 3.5 Winforms，我如何使整个屏幕在红色和白色之间闪烁/闪烁一秒钟。

我有一个大屏幕，仅用于显示受监控设备的状态。我希望它在用户应该查看的事件发生时闪烁作为通知。

谢谢

我开始使用等距游戏,当绘制地面的所有部分时,我的画布闪烁(不在IE中).当我将fps设置为20或更低时,闪烁停止.我怎么解决这个问题？有任何想法吗？

var camerax = 300, cameray = 100;
var fps = 60;

function draw() {
    clearCanvas();
    drawGround();
}

function drawGround() {
    var img = new Image();
    img.onload = function() {
    var width = img.width;
    var height = img.height;
    for (var x = 0; x < 3; x++) {
        for (var y = 3; y >= 0; y--) {
                mx = (x-y)*height + camerax;
                my = (x+y)*height/2 + cameray; 
                ctx.drawImage(img, mx, my);
             }
        }
    }
    img.src = "ground.png";
}

var loop …

如果我给一个元素的所有子元素white-space: nowrap，空白不会在 webkit 中应该出现的元素之间中断（并闪烁）：

jsfiddle.net/VJyn2

.pairs {
    width: 180px;
    overflow: hidden;
}
.pairs > span {
    white-space: nowrap;
}

<div class="pairs">
    <span>
        <strong>bread:</strong>
        <em>crust</em>
    </span>
    <span>
        <strong>watermelon:</strong>
        <em>rind</em>
    </span>
    ...
</div>

CSS 的目的是将单词对保持在一起，但允许文本在<span>元素之间断开。这在 IE 和 FireFox 中按预期工作。

但是，在基于 Webkit 的浏览器（safari、chrome、opera）中，不是将太长的跨度推到下一行，而是被剪短。

这是 webkit 中的一个错误（并闪烁），对吗？有解决方法吗？

对不起，如果标题有点模棱两可。
我正在构建一个接收 URL 的应用程序，然后在执行 Ajax 和其他 js 功能（类似于 Phantomjs）后返回最终的 HTML 代码（并将其保存以进行缓存）。
我的语言可以调用 C++ 代码，所以我认为如果我可以直接构建和使用 Blink/Webkit 库就好了。
问题是 Blink/Webkit 文件太大。

更新 1：我需要查看哪个 API（Blink 有许多 APIlayer）或特定类？

你知道我应该看什么例子或教程吗？
或者任何替代的更简单的库？
谢谢

我有一个网站：https : //montenegro-travel.info/

这是移动优先。桌面版从 1200px 开始。

Android 版 Google Chrome 具有内置功能“请求桌面站点”。用户单击后，它会添加如下内容：

@viewport {
    min-width: 980px;
}

从文档中引用：

启用请求桌面站点时忽略视口元标记。

这与桌面 Chrome 匹配，并应用默认的“min-width: 980px;” 在 viewportAndroid.css 中——将响应式页面放入桌面/平板电脑布局中。

更多详情：https : //chromium.googlesource.com/chromium/src/+/5252baa9fbff3f1ffda51a4390cdf43070af22d7

这是 Chrome 的一部分：https : //chromium.googlesource.com/chromium/src.git/+/5d56696ce6d7399eec7ae7116fe67a0752e39004/third_party/WebKit/Source/core/css/viewportAndroid.css

但是我想向我的用户展示真实的桌面站点，因此正在寻找一种将 980px 更改为 1200px 的本机方式。

PS 我知道如何为移动版|桌面版制作自定义切换器。这个关于内置 Chrome 功能的问题。