我喜欢用户脚本来增加默认Chrome新标签中图块的缩放尺寸。我曾经能够直接访问它们,但是最近(在过去一年左右)他们已经更改了新标签,以便为瓷砖使用iframe。我从来没有解决它,直到最近我再次尝试。
所以我不能再改变了 - 使用像jQ('#mv-single').contents().find('.mv-tile').css("zoom", 1.4);
之类的代码我没有得到任何结果,在控制台上使用jQuery告诉我原因:
jQ('#mv-single').contents().find("body")
VM8405:8 Uncaught DOMException: Failed to read the 'contentDocument' property from 'HTMLIFrameElement': Blocked a frame with origin "https://www.google.com" from accessing a cross-origin frame.(…)
iframe本身是:
<iframe id="mv-single" src="chrome-search://most-visited/single.html?removeTooltip=No%20mostrar%20en%20esta%20p%C3%A1gina"></iframe>
我不感兴趣的糟糕替代方案是禁用网络安全。我不想永久地和全局地关闭所有网络安全性,这似乎是一个坏主意(并且仅作为调试其代码的开发人员的一般解决方案提到)。但是为这个页面关闭它会很棒。 :)
另一种方法是编写自定义新标签页,但这对我来说并不容易。我喜欢新的标签页 - 顶部的Google帐户栏,我最近的瓷砖历史记录中的趋势页面...我唯一不需要的部分是搜索栏在中间。
如果我还能改变CSS肯定会更好。有什么想法吗?
这是我当前的脚本(注释中控制台中Elements视图的最新css更改):
// ==UserScript==
// @name Chrome newtab
// @namespace http://your.homepage/
// @version 1.0
// @description css reformatting
// @author You
// @include /https?://www.google.com/_/chrome/newtab/
// @require https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js
// @grant none
// ==/UserScript==
window.jQ=jQuery.noConflict(true);
jQ(document).ready(function(){
jQ('#mv-single').load(function(){
jQ('#mv-single').contents().find('.mv-tile').css("zoom", 1.4);
// #mv-single {
// width: 80vw;
// margin-left: 10vw;
// margin-right: 10vw;
// height: 35vw;
// }
// #mv-single body { zoom: 165% }
});
});