Chrome 확장 프로그램 용 Dart 사용

다트를 사용하여 Chrome 확장 프로그램을 만들려고합니다.Chrome 확장 프로그램 용 Dart 사용

현재 퍼블 빌드를 수행하고 브라우저에서 실행할 수는 있지만 확장 기능에서 자바 스크립트를 실행할 수 없습니다.

나는이 다음 3 개 개의 파일 :

의 manifest.json :

{ 
    "manifest_version": 2, 

    "name": "ecDownloader", 
    "description": "-", 
    "version": "0.1", 

    "browser_action": { 
    "default_title": "Click to disable extension", 
    "default_icon": "images/icon.png" 
    }, 

    "options_page" : "options.html" 
}

options.html :

<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>ecDownloader</title> 
    <link rel="stylesheet" href="style.css"> 
    </head> 
    <body> 
    <div> 
     <h1>Options</h1> 
     <fieldset name="info"> 
     <legend>Login Information</legend> 
     <label for="username">Username</label> 
     <input type="text" name="username" id="username" size="20"> 
     <label for="password">Password</label> 
     <input type="password" name="password" id="password" size="20"> 
     <button type="button">Save!</button> 
     </fieldset> 
     <span id="test"></span> 
    </div> 
    <script type="application/dart" src="options.dart"></script> 
    <script src="packages/browser/dart.js"></script> 
    </body> 
</html>

options.dart :

import 'dart:html'; 

void main() { 
    querySelector('#test').text = 'test'; 
}

출처

2014-03-03 Mikael

무엇이 문제입니까? –

줄 따라 뭔가; "내가 뭘 잘못 했니?", 또는 "나는 무엇을 놓치고 있니?". – Mikael

작동하지 않는 기능은 무엇입니까? –

Chrome 확장 프로그램은 CSP 호환 스크립트를 사용해야합니다. CSP 호환 스크립트는 확장명이 dart.precompiled.js 인 게시판 빌드에 의해 자동 생성되지만 HTML 파일은 기본적으로 비 -CSP 호환 파일을 참조합니다.

Dart2JS 변환기의 구성 옵션이 해당 스크립트 파일에 대한 링크를 설정해야하지만 아직 구현되지 않은 계획이 있습니다.

고분자 변압기에는 Polymer를 사용할 때 설정해야하는 옵션 csp: true도 있습니다.

pub build에이 작업을 자동으로 수행하는 transformer was added to chrome.dart 편집은 - 곧 사용할 수 있습니다.

출처

2014-03-03 20:18:45

Chrome 확장 프로그램 용 Dart 사용

답변

관련 문제