fix: devtools work wrong after page loaded or reload(fix #2207, #2208, #2195)

[we125182]

fixes #2207, #2208, #2195

Description

Because the chrome extension content_script is a function to append a script which may run after your app. In normal case the content_script should run first, it will inject global property __VUE_DEVTOOLS_GLOBAL_HOOK__ which vue.js app can detect devtools. I change the manifest.json like this and build. load the unpack extension works fine.

devtools-v6/packages/shell-chrome/manifest.json

Lines 48 to 57 in dd2ab5d

	"content_scripts": [
	{
	"matches": [
	"<all_urls>"
	],
	"js": [
	"build/hook.js"
	],
	"run_at": "document_start"
	},

  "content_scripts": [
    {
      "matches": [
        "<all_urls>"
      ],
      "js": [
-         "build/hook.js"
+        "build/hook-exec.js"
      ],
-     "run_at": "document_start",
+     "run_at": "document_start",
+     "world": "MAIN"
    },

Additional context

---

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines.
• Read the Pull Request Guidelines and follow the Commit Convention.
• Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).

[gh-LZC]

这是一封自动回复邮件。已经收到您的来信，我会尽快回复。