Great233 最近的时间轴更新 Great233 最近的时间轴更新 |
Great233V2EX 第 390220 号会员，加入于 2019-03-07 14:27:58 +08:00 |
abtswath
Great233 最近回复了
65 天前 回复了 Great233 创建的主题 › 分享创造 › 分享个自己写的支持分屏浏览 V2EX 的 Chrome 插件 |
@K2 背景写死了，我来适配一下
72 天前 回复了 Great233 创建的主题 › PHP › 闲着没事写了个获取 PSN 游戏列表和奖杯进度的库 |
test2
72 天前 回复了 Great233 创建的主题 › PHP › 闲着没事写了个获取 PSN 游戏列表和奖杯进度的库 |
test
73 天前 回复了 tool2d 创建的主题 › 分享创造 › 分屏浏览 V2EX，只需要两步。 |
```
document.querySelector('#Main>.box').addEventListener('click', (e) => {
const el = e.target;
if (el.tagName.toLowerCase() == 'a' && el.className.indexOf('topic-link') >= 0) {
let iframe = document.querySelector('iframe[name=topic-innerview]');
if (iframe) {
iframe.remove();
iframe = iframe.cloneNode();
} else {
iframe = document.createElement('iframe');
iframe.name = 'topic-innerview';
iframe.style.width = '100%';
iframe.style.height = `calc(100vh - ${el.offsetHeight}px)`;
}
const parent = el.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement;
parent.scrollIntoView();
const nextTopic = parent.nextElementSibling;
nextTopic.parentElement.insertBefore(iframe, nextTopic);
el.target = 'topic-innerview';
iframe.onload = () => {
iframe.contentWindow.document.body.style.width = '100%';
iframe.contentWindow.document.body.style.minWidth = '100%';
iframe.contentWindow.document.body.innerHTML = iframe.contentWindow.document.querySelector('#Main').outerHTML;
iframe.contentWindow.document.querySelector('#Main').style.marginRight = 0;
}
}
});
```
iframe 放在被点击话题下面？
document.querySelector('#Main>.box').addEventListener('click', (e) => {
const el = e.target;
if (el.tagName.toLowerCase() == 'a' && el.className.indexOf('topic-link') >= 0) {
let iframe = document.querySelector('iframe[name=topic-innerview]');
if (iframe) {
iframe.remove();
iframe = iframe.cloneNode();
} else {
iframe = document.createElement('iframe');
iframe.name = 'topic-innerview';
iframe.style.width = '100%';
iframe.style.height = `calc(100vh - ${el.offsetHeight}px)`;
}
const parent = el.parentElement.parentElement.parentElement.parentElement.parentElement.parentElement;
parent.scrollIntoView();
const nextTopic = parent.nextElementSibling;
nextTopic.parentElement.insertBefore(iframe, nextTopic);
el.target = 'topic-innerview';
iframe.onload = () => {
iframe.contentWindow.document.body.style.width = '100%';
iframe.contentWindow.document.body.style.minWidth = '100%';
iframe.contentWindow.document.body.innerHTML = iframe.contentWindow.document.querySelector('#Main').outerHTML;
iframe.contentWindow.document.querySelector('#Main').style.marginRight = 0;
}
}
});
```
iframe 放在被点击话题下面？
87 天前 回复了 UnkownY 创建的主题 › 游戏 › 回顾 2022 年，你玩过的觉得很棒的游戏有哪些？ |
老头环预购的，前前后后玩到 11 月份才白金
sifu ，玩了个开头去玩老头环了
神之天平，除了经典 JRPG 刷刷刷比较烦之外，剧情画面手感都还不错
FF 7 REMAKE ，只通了个关
Stray ，玩老头环中途玩累了换了 Stray ，没通关，不过猫猫视角还蛮有意思的
文明 6 ，我是个单机王子难度的菜鸡
sifu ，玩了个开头去玩老头环了
神之天平，除了经典 JRPG 刷刷刷比较烦之外，剧情画面手感都还不错
FF 7 REMAKE ，只通了个关
Stray ，玩老头环中途玩累了换了 Stray ，没通关，不过猫猫视角还蛮有意思的
文明 6 ，我是个单机王子难度的菜鸡
137 天前 回复了 dinjufen 创建的主题 › GitHub › 为啥往 github 提交的时候会变成 gitclone.com |
149 天前 回复了 yezheyu 创建的主题 › 程序员 › 如何定制 console.log 的打印结果？ |
@yezheyu 回到你最初的问题，console.log 输出的对象结果是由什么决定的？
这是由各个平台对 console.log 的不同实现决定的，但它只是跟你输出的格式有关，与对象本身拥有哪些属性是无关的。
也就是说像 $attrs $el 这些，是 Vue 实例对象本身就有的属性，跟 console.log 无关。
甚至你也可以使用像我上面所说的 hack 的方式来让 console.log 不打印出这些属性。
这是由各个平台对 console.log 的不同实现决定的，但它只是跟你输出的格式有关，与对象本身拥有哪些属性是无关的。
也就是说像 $attrs $el 这些，是 Vue 实例对象本身就有的属性，跟 console.log 无关。
甚至你也可以使用像我上面所说的 hack 的方式来让 console.log 不打印出这些属性。
Select Language