xuguopeng/rrweb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

try to inline linked stylesheet when in same origin

Browse Source
This commit is contained in:
Yanzhen Yu
2018-10-05 23:06:51 +08:00
parent c24e0c6a2f
commit 8b82981b62
6 changed files with 110 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/rebuild.ts
View File

@@ -1,4 +1,15 @@
import { serializedNodeWithId, NodeType } from './types';
import { serializedNodeWithId, NodeType, tagMap, elementNode } from './types';
const tagMap: tagMap = {
script: 'noscript',
};
function getTagName(n: elementNode): string {
let tagName = tagMap[n.tagName] ? tagMap[n.tagName] : n.tagName;
if (tagName === 'link' && n.attributes._cssText) {
tagName = 'style';
}
return tagName;
}
function buildNode(n: serializedNodeWithId): Node | null {
switch (n.type) {
@@ -11,14 +22,15 @@ function buildNode(n: serializedNodeWithId): Node | null {
n.systemId,
);
case NodeType.Element:
const tagName = n.tagName === 'script' ? 'noscript' : n.tagName;
const tagName = getTagName(n);
const node = document.createElement(tagName);
for (const name in n.attributes) {
if (n.attributes.hasOwnProperty(name)) {
let value = n.attributes[name];
value = typeof value === 'boolean' ? '' : value;
// textarea hack
if (n.tagName === 'textarea' && name === 'value') {
const isTextarea = tagName === 'textarea' && name === 'value';
const isRemoteCss = tagName === 'style' && name === '_cssText';
if (isTextarea || isRemoteCss) {
const child = document.createTextNode(value);
node.appendChild(child);
continue;