javascript - 动态向 MDL 表添加行

Question

我希望向 MDL 格式的表添加新行。但是当我尝试放置以下类时... class="mdl-data-table__cell--non-numeric"...

我收到一些错误，例如:

Refused to load the script 'https://code.getmdl.io/1.3.0/material.min.js' because it violates the following Content Security Policy directive: "script-src 'self' blob: filesystem: chrome-extension-resource:".

我已粘贴以下代码的相关部分:

while(newlink!=null)
  {
    console.log(newlink);    
    var title = newlink.title;
    var url = newlink.url;
    if (title.length > 50)
      title = title.substr(0, 50) + "...";
    if (url.length > 50)
      url = url.substr(0, 50) + "...";
    var date = newlink.date;
    var time = newlink.time;
    var row = table.insertRow(i).outerHTML="<tr id='row"+i+"'><td id='title"+i+"'>"+title+"</td><td id='url"+i+"'>"+url+"</td><td id='date"+i+"'>"+date+"</td><td id='time"+i+"'>"+time+"</td><td><input type='button' id='edit_button"+i+"' value='Edit' class='edit'> <input type='button' id='save_button"+i+"' value='Save' class='save' ></td></tr>";

我在每行末尾添加了用于编辑和保存内容的按钮。

Answer 1

您好，您必须在 manifest.json 文件中设置 "content_security_policy":"script-src 'self' https://code.getmdl.io; object-src 'self'",如需引用，请查看 https://developer.chrome.com/extensions/contentSecurityPolicy#relaxing-inline-script