ChromeのGoogle翻訳で <code> タグの語順がおかしくなるのを修正するブックマークレット

fix-translate.js

function getParentBlock(el) {
  for (let p = el; p; p = p.parentNode) {
    const style = window.getComputedStyle(p, null);
    if (style && style.getPropertyValue("display") !== "inline") {
      return p;
    }
  }

  return null;
}

document.querySelectorAll("code").forEach((el) => {
  const parentEl = getParentBlock(el);

  if (
    !/\n/.test(el.innerText) &&
    parentEl &&
    parentEl.innerText !== el.innerText
  ) {
    const span = document.createElement("span");

    while (el.firstChild) {
      span.appendChild(el.firstChild);
    }

    for (let index = el.attributes.length - 1; index >= 0; --index) {
      span.attributes.setNamedItem(el.attributes[index].cloneNode());
    }

    span.innerText = ` \`${span.innerText}\` `;
    el.parentNode.replaceChild(span, el);
  }
});

Bookmarklet
javascript:(()=>{function getParentBlock(el){for(let p=el;p;p=p.parentNode){const style=window.getComputedStyle(p,null);if(style&&style.getPropertyValue("display")!=="inline"){return p;}}return null;}document.querySelectorAll("code").forEach((el)=>{const parentEl=getParentBlock(el);if(!/\n/.test(el.innerText)&&parentEl&&parentEl.innerText!==el.innerText){const span=document.createElement("span");while(el.firstChild){span.appendChild(el.firstChild);}for(let index=el.attributes.length-1;index>=0;--index){span.attributes.setNamedItem(el.attributes[index].cloneNode());}span.innerText=`\`${span.innerText}\``;el.parentNode.replaceChild(span,el);}});})();

codeタグが文章中の中で使われている場合のみ置換を行うようにし、不必要な修正を行わないようにしている。