Hướng dẫn how do i run a javascript extension in chrome? - làm cách nào để chạy tiện ích mở rộng javascript trong chrome?

Question

Tôi có cảm giác tôi thiếu một thứ gì đó rất rõ ràng, nhưng tôi đã tìm kiếm ở khắp mọi nơi và dường như không thể làm cho công việc này. Nói tóm lại, tôi muốn biến một tập lệnh JavaScript nhỏ thành một phần mở rộng Chrome để giúp sử dụng dễ dàng hơn.

Nội dung chính Show

Làm cách nào để chạy kịch bản trong Chrome?
Làm cách nào để chạy một tệp JavaScript cục bộ trong Chrome?
Làm thế nào để bạn thực hiện JavaScript?
Làm cách nào để kích hoạt bảng điều khiển JavaScript trong Chrome?
Làm cách nào để kiểm tra mã JavaScript của tôi?
Tại sao JavaScript không hoạt động trong Chrome?
Làm cách nào để bắt đầu JavaScript?
Làm cách nào để chạy JavaScript trên một trang web?
Làm cách nào để bắt đầu JavaScript trong HTML?
JavaScript được thực thi như thế nào trong trình duyệt?
Làm thế nào để Chrome thực thi JavaScript?
Tại sao JavaScript của tôi không hoạt động trên Chrome?

Kịch bản chỉ đọc văn bản từ TextArea, sửa đổi tập lệnh và xuất nó thành một div. Nó hoạt động hoàn hảo với bất kỳ trình duyệt nào khi chạy độc lập, nhưng dường như không muốn hoạt động khi chạy như một phần mở rộng Chrome

Dưới đây là các tệp (về cơ bản tôi đang cố gắng chuyển đổi ví dụ):

Thanks!

manifest.json

    {
  "manifest_version": 2,

  "name": "One-click Kittens",
  "description": "This extension demonstrates a 'browser action' with kittens.",
  "version": "1.0",

  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "permissions": [
    "https://secure.flickr.com/"
  ]
}

popup.html

<!doctype html>
<html>
  <head>
    <title>Getting Started Extension's Popup</title>
    <style>
      body {
        min-width: 357px;
        overflow-x: hidden;
      }

      img {
        margin: 5px;
        border: 2px solid black;
        vertical-align: middle;
        width: 75px;
        height: 75px;
      }
    </style>

    <!--
      - JavaScript and HTML must be in separate files: see our Content Security
      - Policy documentation[1] for details and explanation.
      -
      - [1]: http://developer.chrome.com/extensions/contentSecurityPolicy.html
     -->
    <script src="popup.js"></script>
  </head>
  <body>

    <textarea id="source">Text Entry.</textarea>
    <button onclick="main()" id="buttons">Generate</button>

    <div id="result">       
    </div>

  </body>
</html>

popup.js

function main() {
    var source = document.getElementById('source').value;
    document.getElementById("result").innerHTML = source;
}

Cách chạy JavaScript trong Chrome với các ví dụ mã

Một ngày tốt lành, các bạn. Trong bài đăng này, chúng tôi sẽ kiểm tra cách tìm giải pháp cho thử thách lập trình có tiêu đề Cách chạy JavaScript trong Chrome.

In chrome right click in the void, then go to 'inspect'. In the window that will appear click on 'console'. That's it.

Chúng tôi đã có thể chứng minh làm thế nào để sửa chữa cách chạy javaScript trong lỗi Chrome bằng cách xem xét một loạt các ví dụ được lấy từ thế giới thực.